inconel 0.1.18 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Button/Button.cjs +1 -1
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.cjs +1 -1
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/components/Button/Button.d.ts +3 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +68 -64
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +93 -92
- package/dist/components/Input/Input.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),h=require("../shared/classNames.cjs");;/* empty css */const O=require("./constants.cjs");;/* empty css */const P=require("./utils.cjs"),R=require("../Svg/Svg.cjs");function Y({loading:n=!1,fullWidth:S=!1,variant:q="primary",label:v,buttonType:M,icon:s,iconClassName:k,iconWidth:l,iconHeight:o,iconRight:r=!1,render:w=!0,debounceTime:b,isActive:i,onClick:f,disabled:a,className:A,children:E,size:T="md",fixedHeight:g=!0,height:t,pill:B=!1,count:m,progress:p,progressColor:C,style:_,...N}){const I=M??q,$=!g&&t!==void 0?{..._,"--inconel-control-height":typeof t=="number"?`${t}px`:t}:_,c=j.useMemo(()=>P.createDebouncedCallback(f,b??0),[f,b]);if(j.useEffect(()=>()=>c.cancel(),[c]),!w)return null;const x=v??E,u=typeof p=="number"?Math.max(0,Math.min(100,p)):null,y=typeof s=="string"&&s?e.jsx("span",{className:h.classNames("inconel-button__icon",r?"inconel-button__icon--right":"inconel-button__icon--left",k),style:{width:l??void 0,height:o??void 0},"aria-hidden":"true",children:e.jsx(R.default,{src:s,renumerateIRIElements:!1,loading:()=>null,fallback:()=>null,beforeInjection:d=>{l&&d.setAttribute("width",String(l)),o&&d.setAttribute("height",String(o)),d.setAttribute("preserveAspectRatio","xMidYMid meet")}})}):null;return e.jsxs("button",{...N,style:$,disabled:a||n,"aria-pressed":typeof i=="boolean"?i:N["aria-pressed"],onClick:a||n?void 0:c,className:h.classNames("inconel-button",`inconel-size-${T}`,O.BUTTON_TYPE_CLASS_NAMES[I],S&&"inconel-button--full-width",u!==null&&"inconel-button--has-progress",B&&"inconel-button--pill",n&&"inconel-is-loading",a&&"inconel-is-disabled",i&&"inconel-is-active",A),children:[u!==null&&e.jsx("span",{className:"inconel-button__progress",style:{width:`${u}%`,background:C??void 0}}),n&&e.jsx("span",{className:"inconel-button__spinner","aria-hidden":"true"}),!r&&y,x!==void 0&&e.jsx("span",{className:"inconel-button__title",children:x}),r&&y,m!=null&&e.jsx("span",{className:"inconel-button__count",children:m})]})}exports.Button=Y;
|
|
2
2
|
//# sourceMappingURL=Button.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n pill = false,\n count,\n progress,\n progressColor,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"2UA2CO,SAASA,EAAO,CACrB,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,MAAAC,EACA,WAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EAAO,GACP,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAetB,GAAcF,EAC7ByB,EAAgB,CAACT,GAAeC,IAAW,OAC7C,CAAE,GAAGK,EAAO,2BAA4B,OAAOL,GAAW,SAAW,GAAGA,CAAM,KAAOA,GACrFK,EACEI,EAAiBC,EAAAA,QACrB,IAAMC,0BAAwBjB,EAASF,GAAgB,CAAC,EACxD,CAACE,EAASF,CAAY,CAAA,EAKxB,GAFAoB,EAAAA,UAAU,IAAM,IAAMH,EAAe,SAAU,CAACA,CAAc,CAAC,EAE3D,CAAClB,EAAQ,OAAO,KAEpB,MAAMsB,EAAU7B,GAASa,EACnBiB,EACJ,OAAOX,GAAa,SAAW,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAQ,CAAC,EAAI,KAClEY,EAAW,OAAO7B,GAAS,UAAYA,EAC3C8B,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,WACT,uBACA3B,EACI,8BACA,6BACJH,CAAA,EAEF,MAAO,CAAE,MAAOC,GAAa,OAAW,OAAQC,GAAc,MAAA,EAC9D,cAAY,OAEZ,SAAA2B,EAAAA,IAACE,EAAAA,QAAA,CACC,IAAKhC,EACL,sBAAuB,GACvB,QAAS,IAAM,KACf,SAAU,IAAM,KAChB,gBAAkBiC,GAAQ,CACpB/B,GAAW+B,EAAI,aAAa,QAAS,OAAO/B,CAAS,CAAC,EACtDC,GAAY8B,EAAI,aAAa,SAAU,OAAO9B,CAAU,CAAC,EAC7D8B,EAAI,aAAa,sBAAuB,eAAe,CACzD,CAAA,CAAA,CACF,CAAA,EAEA,KAEJ,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGd,EACJ,MAAOE,EACP,SAAUb,GAAYd,EACtB,eACE,OAAOY,GAAa,UAAYA,EAAWa,EAAM,cAAc,EAEjE,QAASX,GAAYd,EAAU,OAAY4B,EAC3C,UAAWQ,EAAAA,WACT,iBACA,gBAAgBnB,CAAI,GACpBuB,EAAAA,wBAAwBd,CAAY,EACpCzB,GAAa,6BACbgC,IAAkB,MAAQ,+BAC1Bb,GAAQ,uBACRpB,GAAW,qBACXc,GAAY,sBACZF,GAAY,oBACZG,CAAA,EAGD,SAAA,CAAAkB,IAAkB,MACjBE,EAAAA,IAAC,OAAA,CACC,UAAU,2BACV,MAAO,CACL,MAAO,GAAGF,CAAa,IACvB,WAAYV,GAAiB,MAAA,CAC/B,CAAA,EAGHvB,GAAWmC,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA0B,cAAY,OAAO,EACxE,CAAC1B,GAAayB,EACdF,IAAY,QACXG,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAH,EAAQ,EAElDvB,GAAayB,EACbb,GAAS,MAAQc,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAd,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),Ve=require("../FieldFeedback/FieldFeedback.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const i=require("./utils.cjs"),Ne=require("../../adapters/context.cjs"),qe=u.forwardRef(function({id:H,label:d,hint:B,errorMessage:J,startAdornment:E,endAdornment:R,fullWidth:S=!1,inputClassName:O,labelClassName:w,className:x,required:b,disabled:h,value:y,defaultValue:Q="",onChange:v,onBlur:U,onFocus:X,onKeyDown:Z,onMouseEnter:A,onMouseLeave:W,type:n="text",locale:f="tr-TR",currency:T="TRY",decimalScale:m=0,roundMode:ee="floor",roundOnBlur:ne=!1,min:V,max:N,allowNegative:$=!1,debounceMs:z=0,validateOnSubmit:D=!1,validationMessages:re,mask:s,limit:j,isClearable:ie=!1,readOnly:te=!1,clearButtonLabel:oe,readOnlyEmptyValue:le=null,size:L="md",variant:ue="outlined",autoComplete:se="off","aria-describedby":ae,...ce},de){const fe=Ne.useInconelAdapters(),pe=oe??String(fe.translate?.("clear","Temizle")??"Temizle"),he=u.useId(),I=H??`inconel-input-${he.replace(/:/g,"")}`,C=`${I}-hint`,P=`${I}-error`,K=y!==void 0,[me,je]=u.useState(Q),o=K?y:me,[Y,q]=u.useState(""),[Ie,k]=u.useState(!1),[ge,F]=u.useState(null),a=u.useRef(null),be=re??{},p=J??ge,g=e=>i.validateInputValue(e,{required:!!b,type:n,min:V,max:N,mask:s,messages:be}),M=u.useMemo(()=>i.formatInputValue(o,n,f,m,T,s),[o,T,m,f,s,n]),c=(e,r,l=null)=>({rawValue:e,formattedValue:i.formatInputValue(e,n,f,m,T,s),error:!!g(e),char:l,eventType:r}),_=(e,r=!1)=>{K||je(e.rawValue),a.current&&clearTimeout(a.current),v&&(r||z<=0?v(e):a.current=setTimeout(()=>v(e),z))};u.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),u.useEffect(()=>{D&&F(g(o))},[D]);const G=e=>{if(n==="phone"&&s)return e.replace(/\D/g,"");if(i.isFormattedInputType(n)){const r=i.parseInputNumber(e,f);return r===null?e===""?null:e:$?r:Math.abs(r)}return e},ve=e=>{const r=e.replace(/\D/g,"");if(j&&(i.isFormattedInputType(n)||n==="phone")&&r.length>j||j&&i.isLengthValidatedInputType(n)&&e.length>j)return;const l=G(e);typeof l=="number"&&(typeof V=="number"&&l<V||typeof N=="number"&&l>N)||(q(n==="phone"&&s?i.applyInputMask(l,s):e),_(c(l,"change",e.slice(-1)||null)))},Te=[ae,B&&!p?C:void 0,p?P:void 0].filter(Boolean).join(" ")||void 0;return te?t.jsxs("div",{className:["inconel-field",`inconel-size-${L}`,S?"inconel-field--full-width":"",x??""].join(" "),children:[d&&t.jsx("span",{className:["inconel-field__label",w??""].join(" "),children:d}),t.jsx("div",{className:"inconel-input-readonly","aria-label":d,children:M||le})]}):t.jsxs("div",{className:["inconel-field",`inconel-size-${L}`,S?"inconel-field--full-width":"",x??""].join(" "),children:[d&&t.jsxs("label",{className:["inconel-field__label",w??""].join(" "),htmlFor:I,children:[d,b&&t.jsx("span",{className:"inconel-field__required","aria-hidden":"true",children:" *"})]}),t.jsxs("div",{className:["inconel-input-control",ue==="plain"?"inconel-input-control--plain":"",p?"inconel-is-invalid":"",h?"inconel-is-disabled":""].join(" "),children:[E&&t.jsx("span",{className:"inconel-input-adornment","aria-hidden":"true",children:E}),t.jsx("input",{...ce,ref:de,id:I,type:n==="password"||n==="email"?n:"text",inputMode:i.isFormattedInputType(n)?"decimal":n==="phone"?"tel":void 0,value:Ie?Y:M,required:b,disabled:h,autoComplete:se,"aria-invalid":!!p,"aria-describedby":Te,className:["inconel-input",O??""].join(" "),onChange:e=>ve(e.target.value),onFocus:e=>{if(h)return;k(!0);const r=n==="phone"&&s?i.applyInputMask(o,s):i.isFormattedInputType(n)?String(o??"").replace(".",i.getInputSeparators(f).decimal):String(o??"");q(r),X?.(c(o,"focus"),e)},onBlur:e=>{k(!1),a.current&&clearTimeout(a.current);let r=G(Y);typeof r=="number"&&(r=i.roundInputNumber(r,m,ne?ee:"floor")),F(g(r));const l=c(r,"blur");_(l,!0),U?.(l,e)},onKeyDown:e=>{!$&&(e.key==="-"||e.key==="Subtract")&&e.preventDefault(),Z?.(c(o,"keydown",e.key),e)},onMouseEnter:e=>A?.(c(o,"mouseenter"),e),onMouseLeave:e=>W?.(c(o,"mouseleave"),e)}),ie&&!h&&M&&t.jsx("button",{type:"button",className:"inconel-input-clear","aria-label":pe,onClick:()=>{q(""),F(g(null)),_(c(null,"clear"),!0)},children:"×"}),R&&t.jsx("span",{className:"inconel-input-adornment","aria-hidden":"true",children:R})]}),t.jsx(Ve.default,{hint:B,errorMessage:p,hintId:C,errorId:P})]})});exports.default=qe;
|
|
2
2
|
//# sourceMappingURL=Input.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\nimport {\n applyInputMask,\n formatInputValue,\n getInputSeparators,\n isFormattedInputType,\n isLengthValidatedInputType,\n parseInputNumber,\n roundInputNumber,\n validateInputValue,\n} from './utils'\n\nexport type InputType =\n | 'text'\n | 'number'\n | 'currency'\n | 'percent'\n | 'phone'\n | 'email'\n | 'password'\n\nexport type InputRoundMode = 'ceil' | 'floor' | 'round'\nexport type InputValue = string | number | null\nexport type InputEventType =\n | 'change'\n | 'blur'\n | 'focus'\n | 'keydown'\n | 'mouseenter'\n | 'mouseleave'\n | 'clear'\n\nexport interface InputPayload {\n rawValue: InputValue\n formattedValue: string\n error: boolean\n char: string | null\n eventType: InputEventType\n}\n\nexport interface InputValidationMessages {\n required?: string\n invalidNumber?: string\n minNumber?: string\n maxNumber?: string\n minLength?: string\n maxLength?: string\n invalidPhone?: string\n invalidEmail?: string\n}\n\ntype NativeInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | 'type'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onKeyDown'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'min'\n | 'max'\n | 'size'\n | 'readOnly'\n>\n\nexport interface InputProps extends NativeInputProps, FieldFeedbackContentProps {\n label?: string\n startAdornment?: ReactNode\n endAdornment?: ReactNode\n fullWidth?: boolean\n inputClassName?: string\n labelClassName?: string\n value?: InputValue\n defaultValue?: InputValue\n onChange?: (payload: InputPayload) => void\n onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onKeyDown?: (\n payload: InputPayload,\n event: KeyboardEvent<HTMLInputElement>,\n ) => void\n onMouseEnter?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n onMouseLeave?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n type?: InputType\n locale?: string\n currency?: string\n decimalScale?: number\n roundMode?: InputRoundMode\n roundOnBlur?: boolean\n min?: number\n max?: number\n allowNegative?: boolean\n debounceMs?: number\n validateOnSubmit?: boolean\n validationMessages?: InputValidationMessages\n mask?: string\n limit?: number\n isClearable?: boolean\n readOnly?: boolean\n clearButtonLabel?: string\n readOnlyEmptyValue?: ReactNode\n size?: ControlSize\n variant?: 'outlined' | 'plain'\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n {\n id,\n label,\n hint,\n errorMessage,\n startAdornment,\n endAdornment,\n fullWidth = false,\n inputClassName,\n labelClassName,\n className,\n required,\n disabled,\n value,\n defaultValue = '',\n onChange,\n onBlur,\n onFocus,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n type = 'text',\n locale = 'tr-TR',\n currency = 'TRY',\n decimalScale = 0,\n roundMode = 'floor',\n roundOnBlur = false,\n min,\n max,\n allowNegative = false,\n debounceMs = 0,\n validateOnSubmit = false,\n validationMessages,\n mask,\n limit,\n isClearable = false,\n readOnly = false,\n clearButtonLabel,\n readOnlyEmptyValue = null,\n size = 'md',\n variant = 'outlined',\n autoComplete = 'off',\n 'aria-describedby': ariaDescribedBy,\n ...inputProps\n },\n ref,\n) {\n const generatedId = useId()\n const inputId = id ?? `inconel-input-${generatedId.replace(/:/g, '')}`\n const hintId = `${inputId}-hint`\n const errorId = `${inputId}-error`\n const controlled = value !== undefined\n const [localValue, setLocalValue] = useState<InputValue>(defaultValue)\n const currentValue = controlled ? value : localValue\n const [editingValue, setEditingValue] = useState('')\n const [focused, setFocused] = useState(false)\n const [validationError, setValidationError] = useState<string | null>(null)\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const messages = validationMessages ?? {}\n const visibleError = errorMessage ?? validationError\n\n const validate = (candidate: InputValue) =>\n validateInputValue(candidate, {\n required: Boolean(required),\n type,\n min,\n max,\n mask,\n messages,\n })\n\n const formattedValue = useMemo(\n () =>\n formatInputValue(\n currentValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n [currentValue, currency, decimalScale, locale, mask, type],\n )\n\n const buildPayload = (\n rawValue: InputValue,\n eventType: InputEventType,\n char: string | null = null,\n ): InputPayload => ({\n rawValue,\n formattedValue: formatInputValue(\n rawValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n error: Boolean(validate(rawValue)),\n char,\n eventType,\n })\n\n const emitChange = (payload: InputPayload, immediate = false) => {\n if (!controlled) setLocalValue(payload.rawValue)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n if (!onChange) return\n if (immediate || debounceMs <= 0) onChange(payload)\n else debounceRef.current = setTimeout(() => onChange(payload), debounceMs)\n }\n\n useEffect(() => () => {\n if (debounceRef.current) clearTimeout(debounceRef.current)\n }, [])\n\n useEffect(() => {\n if (validateOnSubmit) setValidationError(validate(currentValue))\n // Validation intentionally runs when submit state changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [validateOnSubmit])\n\n const normalize = (text: string): InputValue => {\n if (type === 'phone' && mask) return text.replace(/\\D/g, '')\n if (isFormattedInputType(type)) {\n const parsed = parseInputNumber(text, locale)\n if (parsed === null) return text === '' ? null : text\n return allowNegative ? parsed : Math.abs(parsed)\n }\n return text\n }\n\n const handleChange = (text: string) => {\n const digits = text.replace(/\\D/g, '')\n if (\n limit &&\n (isFormattedInputType(type) || type === 'phone') &&\n digits.length > limit\n ) return\n if (limit && isLengthValidatedInputType(type) && text.length > limit) return\n const rawValue = normalize(text)\n if (typeof rawValue === 'number') {\n if (typeof min === 'number' && rawValue < min) return\n if (typeof max === 'number' && rawValue > max) return\n }\n setEditingValue(\n type === 'phone' && mask ? applyInputMask(rawValue, mask) : text,\n )\n emitChange(buildPayload(rawValue, 'change', text.slice(-1) || null))\n }\n\n const describedBy = [\n ariaDescribedBy,\n hint && !visibleError ? hintId : undefined,\n visibleError ? errorId : undefined,\n ].filter(Boolean).join(' ') || undefined\n\n if (readOnly) {\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && <span className={['inconel-field__label', labelClassName ?? ''].join(' ')}>{label}</span>}\n <div className=\"inconel-input-readonly\" aria-label={label}>\n {formattedValue || readOnlyEmptyValue}\n </div>\n </div>\n )\n }\n\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && (\n <label className={['inconel-field__label', labelClassName ?? ''].join(' ')} htmlFor={inputId}>\n {label}{required && <span className=\"inconel-field__required\" aria-hidden=\"true\"> *</span>}\n </label>\n )}\n <div className={['inconel-input-control', variant === 'plain' ? 'inconel-input-control--plain' : '', visibleError ? 'inconel-is-invalid' : '', disabled ? 'inconel-is-disabled' : ''].join(' ')}>\n {startAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{startAdornment}</span>}\n <input\n {...inputProps}\n ref={ref}\n id={inputId}\n type={type === 'password' || type === 'email' ? type : 'text'}\n inputMode={isFormattedInputType(type) ? 'decimal' : type === 'phone' ? 'tel' : undefined}\n value={focused ? editingValue : formattedValue}\n required={required}\n disabled={disabled}\n autoComplete={autoComplete}\n aria-invalid={Boolean(visibleError)}\n aria-describedby={describedBy}\n className={['inconel-input', inputClassName ?? ''].join(' ')}\n onChange={(event) => handleChange(event.target.value)}\n onFocus={(event) => {\n if (disabled) return\n setFocused(true)\n const editValue = type === 'phone' && mask\n ? applyInputMask(currentValue, mask)\n : isFormattedInputType(type)\n ? String(currentValue ?? '').replace('.', getInputSeparators(locale).decimal)\n : String(currentValue ?? '')\n setEditingValue(editValue)\n onFocus?.(buildPayload(currentValue, 'focus'), event)\n }}\n onBlur={(event) => {\n setFocused(false)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n let rawValue = normalize(editingValue)\n if (typeof rawValue === 'number') {\n rawValue = roundInputNumber(rawValue, decimalScale, roundOnBlur ? roundMode : 'floor')\n }\n setValidationError(validate(rawValue))\n const payload = buildPayload(rawValue, 'blur')\n emitChange(payload, true)\n onBlur?.(payload, event)\n }}\n onKeyDown={(event) => {\n if (!allowNegative && (event.key === '-' || event.key === 'Subtract')) event.preventDefault()\n onKeyDown?.(buildPayload(currentValue, 'keydown', event.key), event)\n }}\n onMouseEnter={(event) => onMouseEnter?.(buildPayload(currentValue, 'mouseenter'), event)}\n onMouseLeave={(event) => onMouseLeave?.(buildPayload(currentValue, 'mouseleave'), event)}\n />\n {isClearable && !disabled && formattedValue && clearButtonLabel && (\n <button\n type=\"button\"\n className=\"inconel-input-clear\"\n aria-label={clearButtonLabel}\n onClick={() => {\n setEditingValue('')\n setValidationError(validate(null))\n emitChange(buildPayload(null, 'clear'), true)\n }}\n >\n ×\n </button>\n )}\n {endAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{endAdornment}</span>}\n </div>\n <FieldFeedback\n hint={hint}\n errorMessage={visibleError}\n hintId={hintId}\n errorId={errorId}\n />\n </div>\n )\n})\n\nexport default Input\n"],"names":["Input","forwardRef","id","label","hint","errorMessage","startAdornment","endAdornment","fullWidth","inputClassName","labelClassName","className","required","disabled","value","defaultValue","onChange","onBlur","onFocus","onKeyDown","onMouseEnter","onMouseLeave","type","locale","currency","decimalScale","roundMode","roundOnBlur","min","max","allowNegative","debounceMs","validateOnSubmit","validationMessages","mask","limit","isClearable","readOnly","clearButtonLabel","readOnlyEmptyValue","size","variant","autoComplete","ariaDescribedBy","inputProps","ref","generatedId","useId","inputId","hintId","errorId","controlled","localValue","setLocalValue","useState","currentValue","editingValue","setEditingValue","focused","setFocused","validationError","setValidationError","debounceRef","useRef","messages","visibleError","validate","candidate","validateInputValue","formattedValue","useMemo","formatInputValue","buildPayload","rawValue","eventType","char","emitChange","payload","immediate","useEffect","normalize","text","isFormattedInputType","parsed","parseInputNumber","handleChange","digits","isLengthValidatedInputType","applyInputMask","describedBy","jsx","jsxs","event","editValue","getInputSeparators","roundInputNumber","FieldFeedback"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.cjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\nimport {\n applyInputMask,\n formatInputValue,\n getInputSeparators,\n isFormattedInputType,\n isLengthValidatedInputType,\n parseInputNumber,\n roundInputNumber,\n validateInputValue,\n} from './utils'\n\nexport type InputType =\n | 'text'\n | 'number'\n | 'currency'\n | 'percent'\n | 'phone'\n | 'email'\n | 'password'\n\nexport type InputRoundMode = 'ceil' | 'floor' | 'round'\nexport type InputValue = string | number | null\nexport type InputEventType =\n | 'change'\n | 'blur'\n | 'focus'\n | 'keydown'\n | 'mouseenter'\n | 'mouseleave'\n | 'clear'\n\nexport interface InputPayload {\n rawValue: InputValue\n formattedValue: string\n error: boolean\n char: string | null\n eventType: InputEventType\n}\n\nexport interface InputValidationMessages {\n required?: string\n invalidNumber?: string\n minNumber?: string\n maxNumber?: string\n minLength?: string\n maxLength?: string\n invalidPhone?: string\n invalidEmail?: string\n}\n\ntype NativeInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | 'type'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onKeyDown'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'min'\n | 'max'\n | 'size'\n | 'readOnly'\n>\n\nexport interface InputProps extends NativeInputProps, FieldFeedbackContentProps {\n label?: string\n startAdornment?: ReactNode\n endAdornment?: ReactNode\n fullWidth?: boolean\n inputClassName?: string\n labelClassName?: string\n value?: InputValue\n defaultValue?: InputValue\n onChange?: (payload: InputPayload) => void\n onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onKeyDown?: (\n payload: InputPayload,\n event: KeyboardEvent<HTMLInputElement>,\n ) => void\n onMouseEnter?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n onMouseLeave?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n type?: InputType\n locale?: string\n currency?: string\n decimalScale?: number\n roundMode?: InputRoundMode\n roundOnBlur?: boolean\n min?: number\n max?: number\n allowNegative?: boolean\n debounceMs?: number\n validateOnSubmit?: boolean\n validationMessages?: InputValidationMessages\n mask?: string\n limit?: number\n isClearable?: boolean\n readOnly?: boolean\n clearButtonLabel?: string\n readOnlyEmptyValue?: ReactNode\n size?: ControlSize\n variant?: 'outlined' | 'plain'\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n {\n id,\n label,\n hint,\n errorMessage,\n startAdornment,\n endAdornment,\n fullWidth = false,\n inputClassName,\n labelClassName,\n className,\n required,\n disabled,\n value,\n defaultValue = '',\n onChange,\n onBlur,\n onFocus,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n type = 'text',\n locale = 'tr-TR',\n currency = 'TRY',\n decimalScale = 0,\n roundMode = 'floor',\n roundOnBlur = false,\n min,\n max,\n allowNegative = false,\n debounceMs = 0,\n validateOnSubmit = false,\n validationMessages,\n mask,\n limit,\n isClearable = false,\n readOnly = false,\n clearButtonLabel,\n readOnlyEmptyValue = null,\n size = 'md',\n variant = 'outlined',\n autoComplete = 'off',\n 'aria-describedby': ariaDescribedBy,\n ...inputProps\n },\n ref,\n) {\n const adapters = useInconelAdapters()\n const resolvedClearButtonLabel =\n clearButtonLabel ??\n String(adapters.translate?.('clear', 'Temizle') ?? 'Temizle')\n\n const generatedId = useId()\n const inputId = id ?? `inconel-input-${generatedId.replace(/:/g, '')}`\n const hintId = `${inputId}-hint`\n const errorId = `${inputId}-error`\n const controlled = value !== undefined\n const [localValue, setLocalValue] = useState<InputValue>(defaultValue)\n const currentValue = controlled ? value : localValue\n const [editingValue, setEditingValue] = useState('')\n const [focused, setFocused] = useState(false)\n const [validationError, setValidationError] = useState<string | null>(null)\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const messages = validationMessages ?? {}\n const visibleError = errorMessage ?? validationError\n\n const validate = (candidate: InputValue) =>\n validateInputValue(candidate, {\n required: Boolean(required),\n type,\n min,\n max,\n mask,\n messages,\n })\n\n const formattedValue = useMemo(\n () =>\n formatInputValue(\n currentValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n [currentValue, currency, decimalScale, locale, mask, type],\n )\n\n const buildPayload = (\n rawValue: InputValue,\n eventType: InputEventType,\n char: string | null = null,\n ): InputPayload => ({\n rawValue,\n formattedValue: formatInputValue(\n rawValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n error: Boolean(validate(rawValue)),\n char,\n eventType,\n })\n\n const emitChange = (payload: InputPayload, immediate = false) => {\n if (!controlled) setLocalValue(payload.rawValue)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n if (!onChange) return\n if (immediate || debounceMs <= 0) onChange(payload)\n else debounceRef.current = setTimeout(() => onChange(payload), debounceMs)\n }\n\n useEffect(() => () => {\n if (debounceRef.current) clearTimeout(debounceRef.current)\n }, [])\n\n useEffect(() => {\n if (validateOnSubmit) setValidationError(validate(currentValue))\n // Validation intentionally runs when submit state changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [validateOnSubmit])\n\n const normalize = (text: string): InputValue => {\n if (type === 'phone' && mask) return text.replace(/\\D/g, '')\n if (isFormattedInputType(type)) {\n const parsed = parseInputNumber(text, locale)\n if (parsed === null) return text === '' ? null : text\n return allowNegative ? parsed : Math.abs(parsed)\n }\n return text\n }\n\n const handleChange = (text: string) => {\n const digits = text.replace(/\\D/g, '')\n if (\n limit &&\n (isFormattedInputType(type) || type === 'phone') &&\n digits.length > limit\n ) return\n if (limit && isLengthValidatedInputType(type) && text.length > limit) return\n const rawValue = normalize(text)\n if (typeof rawValue === 'number') {\n if (typeof min === 'number' && rawValue < min) return\n if (typeof max === 'number' && rawValue > max) return\n }\n setEditingValue(\n type === 'phone' && mask ? applyInputMask(rawValue, mask) : text,\n )\n emitChange(buildPayload(rawValue, 'change', text.slice(-1) || null))\n }\n\n const describedBy = [\n ariaDescribedBy,\n hint && !visibleError ? hintId : undefined,\n visibleError ? errorId : undefined,\n ].filter(Boolean).join(' ') || undefined\n\n if (readOnly) {\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && <span className={['inconel-field__label', labelClassName ?? ''].join(' ')}>{label}</span>}\n <div className=\"inconel-input-readonly\" aria-label={label}>\n {formattedValue || readOnlyEmptyValue}\n </div>\n </div>\n )\n }\n\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && (\n <label className={['inconel-field__label', labelClassName ?? ''].join(' ')} htmlFor={inputId}>\n {label}{required && <span className=\"inconel-field__required\" aria-hidden=\"true\"> *</span>}\n </label>\n )}\n <div className={['inconel-input-control', variant === 'plain' ? 'inconel-input-control--plain' : '', visibleError ? 'inconel-is-invalid' : '', disabled ? 'inconel-is-disabled' : ''].join(' ')}>\n {startAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{startAdornment}</span>}\n <input\n {...inputProps}\n ref={ref}\n id={inputId}\n type={type === 'password' || type === 'email' ? type : 'text'}\n inputMode={isFormattedInputType(type) ? 'decimal' : type === 'phone' ? 'tel' : undefined}\n value={focused ? editingValue : formattedValue}\n required={required}\n disabled={disabled}\n autoComplete={autoComplete}\n aria-invalid={Boolean(visibleError)}\n aria-describedby={describedBy}\n className={['inconel-input', inputClassName ?? ''].join(' ')}\n onChange={(event) => handleChange(event.target.value)}\n onFocus={(event) => {\n if (disabled) return\n setFocused(true)\n const editValue = type === 'phone' && mask\n ? applyInputMask(currentValue, mask)\n : isFormattedInputType(type)\n ? String(currentValue ?? '').replace('.', getInputSeparators(locale).decimal)\n : String(currentValue ?? '')\n setEditingValue(editValue)\n onFocus?.(buildPayload(currentValue, 'focus'), event)\n }}\n onBlur={(event) => {\n setFocused(false)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n let rawValue = normalize(editingValue)\n if (typeof rawValue === 'number') {\n rawValue = roundInputNumber(rawValue, decimalScale, roundOnBlur ? roundMode : 'floor')\n }\n setValidationError(validate(rawValue))\n const payload = buildPayload(rawValue, 'blur')\n emitChange(payload, true)\n onBlur?.(payload, event)\n }}\n onKeyDown={(event) => {\n if (!allowNegative && (event.key === '-' || event.key === 'Subtract')) event.preventDefault()\n onKeyDown?.(buildPayload(currentValue, 'keydown', event.key), event)\n }}\n onMouseEnter={(event) => onMouseEnter?.(buildPayload(currentValue, 'mouseenter'), event)}\n onMouseLeave={(event) => onMouseLeave?.(buildPayload(currentValue, 'mouseleave'), event)}\n />\n {isClearable && !disabled && formattedValue && (\n <button\n type=\"button\"\n className=\"inconel-input-clear\"\n aria-label={resolvedClearButtonLabel}\n onClick={() => {\n setEditingValue('')\n setValidationError(validate(null))\n emitChange(buildPayload(null, 'clear'), true)\n }}\n >\n ×\n </button>\n )}\n {endAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{endAdornment}</span>}\n </div>\n <FieldFeedback\n hint={hint}\n errorMessage={visibleError}\n hintId={hintId}\n errorId={errorId}\n />\n </div>\n )\n})\n\nexport default Input\n"],"names":["Input","forwardRef","id","label","hint","errorMessage","startAdornment","endAdornment","fullWidth","inputClassName","labelClassName","className","required","disabled","value","defaultValue","onChange","onBlur","onFocus","onKeyDown","onMouseEnter","onMouseLeave","type","locale","currency","decimalScale","roundMode","roundOnBlur","min","max","allowNegative","debounceMs","validateOnSubmit","validationMessages","mask","limit","isClearable","readOnly","clearButtonLabel","readOnlyEmptyValue","size","variant","autoComplete","ariaDescribedBy","inputProps","ref","adapters","useInconelAdapters","resolvedClearButtonLabel","generatedId","useId","inputId","hintId","errorId","controlled","localValue","setLocalValue","useState","currentValue","editingValue","setEditingValue","focused","setFocused","validationError","setValidationError","debounceRef","useRef","messages","visibleError","validate","candidate","validateInputValue","formattedValue","useMemo","formatInputValue","buildPayload","rawValue","eventType","char","emitChange","payload","immediate","useEffect","normalize","text","isFormattedInputType","parsed","parseInputNumber","handleChange","digits","isLengthValidatedInputType","applyInputMask","describedBy","jsx","jsxs","event","editValue","getInputSeparators","roundInputNumber","FieldFeedback"],"mappings":"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"}
|
|
@@ -17,10 +17,12 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
17
17
|
fullWidth?: boolean;
|
|
18
18
|
variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark';
|
|
19
19
|
size?: ControlSize;
|
|
20
|
+
fixedHeight?: boolean;
|
|
21
|
+
height?: number | string;
|
|
20
22
|
pill?: boolean;
|
|
21
23
|
count?: ReactNode;
|
|
22
24
|
progress?: number | null;
|
|
23
25
|
progressColor?: string | null;
|
|
24
26
|
}
|
|
25
|
-
export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, size, pill, count, progress, progressColor, ...props }: ButtonProps): import("react").JSX.Element | null;
|
|
27
|
+
export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, size, fixedHeight, height, pill, count, progress, progressColor, style, ...props }: ButtonProps): import("react").JSX.Element | null;
|
|
26
28
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,WAAkB,EAClB,MAAM,EACN,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,sCAmFb"}
|
|
@@ -1,105 +1,109 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { classNames as
|
|
1
|
+
import { jsx as e, jsxs as g } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as z, useEffect as D } from "react";
|
|
3
|
+
import { classNames as v } from "../shared/classNames.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { BUTTON_TYPE_CLASS_NAMES as
|
|
5
|
+
import { BUTTON_TYPE_CLASS_NAMES as L } from "./constants.js";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { createDebouncedCallback as
|
|
8
|
-
import
|
|
9
|
-
function
|
|
7
|
+
import { createDebouncedCallback as O } from "./utils.js";
|
|
8
|
+
import P from "../Svg/Svg.js";
|
|
9
|
+
function V({
|
|
10
10
|
loading: n = !1,
|
|
11
|
-
fullWidth:
|
|
12
|
-
variant:
|
|
13
|
-
label:
|
|
14
|
-
buttonType:
|
|
15
|
-
icon:
|
|
16
|
-
iconClassName:
|
|
17
|
-
iconWidth:
|
|
18
|
-
iconHeight:
|
|
19
|
-
iconRight:
|
|
20
|
-
render:
|
|
21
|
-
debounceTime:
|
|
22
|
-
isActive:
|
|
23
|
-
onClick:
|
|
24
|
-
disabled:
|
|
25
|
-
className:
|
|
26
|
-
children:
|
|
27
|
-
size:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
11
|
+
fullWidth: S = !1,
|
|
12
|
+
variant: x = "primary",
|
|
13
|
+
label: M,
|
|
14
|
+
buttonType: k,
|
|
15
|
+
icon: o,
|
|
16
|
+
iconClassName: w,
|
|
17
|
+
iconWidth: l,
|
|
18
|
+
iconHeight: r,
|
|
19
|
+
iconRight: s = !1,
|
|
20
|
+
render: A = !0,
|
|
21
|
+
debounceTime: d,
|
|
22
|
+
isActive: i,
|
|
23
|
+
onClick: p,
|
|
24
|
+
disabled: a,
|
|
25
|
+
className: E,
|
|
26
|
+
children: j,
|
|
27
|
+
size: C = "md",
|
|
28
|
+
fixedHeight: I = !0,
|
|
29
|
+
height: t,
|
|
30
|
+
pill: T = !1,
|
|
31
|
+
count: f,
|
|
32
|
+
progress: b,
|
|
33
|
+
progressColor: $,
|
|
34
|
+
style: _,
|
|
35
|
+
...N
|
|
33
36
|
}) {
|
|
34
|
-
const
|
|
35
|
-
() =>
|
|
36
|
-
[
|
|
37
|
+
const B = k ?? x, Y = !I && t !== void 0 ? { ..._, "--inconel-control-height": typeof t == "number" ? `${t}px` : t } : _, c = z(
|
|
38
|
+
() => O(p, d ?? 0),
|
|
39
|
+
[p, d]
|
|
37
40
|
);
|
|
38
|
-
if (
|
|
39
|
-
const
|
|
41
|
+
if (D(() => () => c.cancel(), [c]), !A) return null;
|
|
42
|
+
const h = M ?? j, u = typeof b == "number" ? Math.max(0, Math.min(100, b)) : null, y = typeof o == "string" && o ? /* @__PURE__ */ e(
|
|
40
43
|
"span",
|
|
41
44
|
{
|
|
42
|
-
className:
|
|
45
|
+
className: v(
|
|
43
46
|
"inconel-button__icon",
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
s ? "inconel-button__icon--right" : "inconel-button__icon--left",
|
|
48
|
+
w
|
|
46
49
|
),
|
|
47
|
-
style: { width:
|
|
50
|
+
style: { width: l ?? void 0, height: r ?? void 0 },
|
|
48
51
|
"aria-hidden": "true",
|
|
49
52
|
children: /* @__PURE__ */ e(
|
|
50
|
-
|
|
53
|
+
P,
|
|
51
54
|
{
|
|
52
|
-
src:
|
|
55
|
+
src: o,
|
|
53
56
|
renumerateIRIElements: !1,
|
|
54
57
|
loading: () => null,
|
|
55
58
|
fallback: () => null,
|
|
56
|
-
beforeInjection: (
|
|
57
|
-
|
|
59
|
+
beforeInjection: (m) => {
|
|
60
|
+
l && m.setAttribute("width", String(l)), r && m.setAttribute("height", String(r)), m.setAttribute("preserveAspectRatio", "xMidYMid meet");
|
|
58
61
|
}
|
|
59
62
|
}
|
|
60
63
|
)
|
|
61
64
|
}
|
|
62
65
|
) : null;
|
|
63
|
-
return /* @__PURE__ */
|
|
66
|
+
return /* @__PURE__ */ g(
|
|
64
67
|
"button",
|
|
65
68
|
{
|
|
66
|
-
...
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
...N,
|
|
70
|
+
style: Y,
|
|
71
|
+
disabled: a || n,
|
|
72
|
+
"aria-pressed": typeof i == "boolean" ? i : N["aria-pressed"],
|
|
73
|
+
onClick: a || n ? void 0 : c,
|
|
74
|
+
className: v(
|
|
71
75
|
"inconel-button",
|
|
72
|
-
`inconel-size-${
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
`inconel-size-${C}`,
|
|
77
|
+
L[B],
|
|
78
|
+
S && "inconel-button--full-width",
|
|
79
|
+
u !== null && "inconel-button--has-progress",
|
|
80
|
+
T && "inconel-button--pill",
|
|
77
81
|
n && "inconel-is-loading",
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
82
|
+
a && "inconel-is-disabled",
|
|
83
|
+
i && "inconel-is-active",
|
|
84
|
+
E
|
|
81
85
|
),
|
|
82
86
|
children: [
|
|
83
|
-
|
|
87
|
+
u !== null && /* @__PURE__ */ e(
|
|
84
88
|
"span",
|
|
85
89
|
{
|
|
86
90
|
className: "inconel-button__progress",
|
|
87
91
|
style: {
|
|
88
|
-
width: `${
|
|
89
|
-
background:
|
|
92
|
+
width: `${u}%`,
|
|
93
|
+
background: $ ?? void 0
|
|
90
94
|
}
|
|
91
95
|
}
|
|
92
96
|
),
|
|
93
97
|
n && /* @__PURE__ */ e("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
|
|
94
|
-
!
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
!s && y,
|
|
99
|
+
h !== void 0 && /* @__PURE__ */ e("span", { className: "inconel-button__title", children: h }),
|
|
100
|
+
s && y,
|
|
101
|
+
f != null && /* @__PURE__ */ e("span", { className: "inconel-button__count", children: f })
|
|
98
102
|
]
|
|
99
103
|
}
|
|
100
104
|
);
|
|
101
105
|
}
|
|
102
106
|
export {
|
|
103
|
-
|
|
107
|
+
V as Button
|
|
104
108
|
};
|
|
105
109
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n pill = false,\n count,\n progress,\n progressColor,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,118 +1,119 @@
|
|
|
1
1
|
import { jsxs as b, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
2
|
+
import { forwardRef as Ee, useId as Fe, useState as I, useRef as Me, useMemo as _e, useEffect as U } from "react";
|
|
3
|
+
import Re from "../FieldFeedback/FieldFeedback.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
-
import { formatInputValue as
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
import { formatInputValue as X, applyInputMask as Z, isFormattedInputType as v, getInputSeparators as $e, validateInputValue as ze, parseInputNumber as De, isLengthValidatedInputType as Le, roundInputNumber as Ce } from "./utils.js";
|
|
9
|
+
import { useInconelAdapters as Se } from "../../adapters/context.js";
|
|
10
|
+
const Xe = Ee(function({
|
|
11
|
+
id: k,
|
|
11
12
|
label: s,
|
|
12
|
-
hint:
|
|
13
|
-
errorMessage:
|
|
13
|
+
hint: _,
|
|
14
|
+
errorMessage: A,
|
|
14
15
|
startAdornment: R,
|
|
15
16
|
endAdornment: $,
|
|
16
|
-
fullWidth:
|
|
17
|
-
inputClassName:
|
|
18
|
-
labelClassName:
|
|
17
|
+
fullWidth: z = !1,
|
|
18
|
+
inputClassName: O,
|
|
19
|
+
labelClassName: D,
|
|
19
20
|
className: L,
|
|
20
21
|
required: V,
|
|
21
22
|
disabled: f,
|
|
22
23
|
value: C,
|
|
23
|
-
defaultValue:
|
|
24
|
+
defaultValue: W = "",
|
|
24
25
|
onChange: N,
|
|
25
|
-
onBlur:
|
|
26
|
-
onFocus:
|
|
27
|
-
onKeyDown:
|
|
28
|
-
onMouseEnter:
|
|
29
|
-
onMouseLeave:
|
|
26
|
+
onBlur: x,
|
|
27
|
+
onFocus: ee,
|
|
28
|
+
onKeyDown: ne,
|
|
29
|
+
onMouseEnter: re,
|
|
30
|
+
onMouseLeave: oe,
|
|
30
31
|
type: n = "text",
|
|
31
32
|
locale: c = "tr-TR",
|
|
32
|
-
currency:
|
|
33
|
+
currency: T = "TRY",
|
|
33
34
|
decimalScale: p = 0,
|
|
34
|
-
roundMode:
|
|
35
|
-
roundOnBlur:
|
|
36
|
-
min:
|
|
37
|
-
max:
|
|
38
|
-
allowNegative:
|
|
39
|
-
debounceMs:
|
|
40
|
-
validateOnSubmit:
|
|
41
|
-
validationMessages:
|
|
35
|
+
roundMode: ie = "floor",
|
|
36
|
+
roundOnBlur: le = !1,
|
|
37
|
+
min: j,
|
|
38
|
+
max: B,
|
|
39
|
+
allowNegative: S = !1,
|
|
40
|
+
debounceMs: K = 0,
|
|
41
|
+
validateOnSubmit: P = !1,
|
|
42
|
+
validationMessages: te,
|
|
42
43
|
mask: l,
|
|
43
|
-
limit:
|
|
44
|
+
limit: m,
|
|
44
45
|
isClearable: ae = !1,
|
|
45
|
-
readOnly:
|
|
46
|
-
clearButtonLabel:
|
|
46
|
+
readOnly: ue = !1,
|
|
47
|
+
clearButtonLabel: se,
|
|
47
48
|
readOnlyEmptyValue: ce = null,
|
|
48
|
-
size:
|
|
49
|
+
size: Y = "md",
|
|
49
50
|
variant: de = "outlined",
|
|
50
51
|
autoComplete: fe = "off",
|
|
51
52
|
"aria-describedby": pe,
|
|
52
|
-
...
|
|
53
|
-
},
|
|
54
|
-
const ge =
|
|
53
|
+
...me
|
|
54
|
+
}, he) {
|
|
55
|
+
const ge = Se(), be = se ?? String(ge.translate?.("clear", "Temizle") ?? "Temizle"), Ie = Fe(), h = k ?? `inconel-input-${Ie.replace(/:/g, "")}`, q = `${h}-hint`, y = `${h}-error`, G = C !== void 0, [ve, Ve] = I(W), o = G ? C : ve, [H, w] = I(""), [Ne, J] = I(!1), [Te, E] = I(null), a = Me(null), je = te ?? {}, d = A ?? Te, g = (e) => ze(e, {
|
|
55
56
|
required: !!V,
|
|
56
57
|
type: n,
|
|
57
|
-
min:
|
|
58
|
-
max:
|
|
58
|
+
min: j,
|
|
59
|
+
max: B,
|
|
59
60
|
mask: l,
|
|
60
|
-
messages:
|
|
61
|
-
}),
|
|
62
|
-
() =>
|
|
61
|
+
messages: je
|
|
62
|
+
}), F = _e(
|
|
63
|
+
() => X(
|
|
63
64
|
o,
|
|
64
65
|
n,
|
|
65
66
|
c,
|
|
66
67
|
p,
|
|
67
|
-
|
|
68
|
+
T,
|
|
68
69
|
l
|
|
69
70
|
),
|
|
70
|
-
[o,
|
|
71
|
-
),
|
|
71
|
+
[o, T, p, c, l, n]
|
|
72
|
+
), u = (e, r, i = null) => ({
|
|
72
73
|
rawValue: e,
|
|
73
|
-
formattedValue:
|
|
74
|
+
formattedValue: X(
|
|
74
75
|
e,
|
|
75
76
|
n,
|
|
76
77
|
c,
|
|
77
78
|
p,
|
|
78
|
-
|
|
79
|
+
T,
|
|
79
80
|
l
|
|
80
81
|
),
|
|
81
82
|
error: !!g(e),
|
|
82
83
|
char: i,
|
|
83
84
|
eventType: r
|
|
84
|
-
}),
|
|
85
|
-
|
|
85
|
+
}), M = (e, r = !1) => {
|
|
86
|
+
G || Ve(e.rawValue), a.current && clearTimeout(a.current), N && (r || K <= 0 ? N(e) : a.current = setTimeout(() => N(e), K));
|
|
86
87
|
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}, []),
|
|
90
|
-
|
|
91
|
-
}, [
|
|
92
|
-
const
|
|
88
|
+
U(() => () => {
|
|
89
|
+
a.current && clearTimeout(a.current);
|
|
90
|
+
}, []), U(() => {
|
|
91
|
+
P && E(g(o));
|
|
92
|
+
}, [P]);
|
|
93
|
+
const Q = (e) => {
|
|
93
94
|
if (n === "phone" && l) return e.replace(/\D/g, "");
|
|
94
95
|
if (v(n)) {
|
|
95
|
-
const r =
|
|
96
|
-
return r === null ? e === "" ? null : e :
|
|
96
|
+
const r = De(e, c);
|
|
97
|
+
return r === null ? e === "" ? null : e : S ? r : Math.abs(r);
|
|
97
98
|
}
|
|
98
99
|
return e;
|
|
99
|
-
},
|
|
100
|
+
}, Be = (e) => {
|
|
100
101
|
const r = e.replace(/\D/g, "");
|
|
101
|
-
if (
|
|
102
|
-
const i =
|
|
103
|
-
typeof i == "number" && (typeof
|
|
104
|
-
n === "phone" && l ?
|
|
105
|
-
),
|
|
106
|
-
},
|
|
102
|
+
if (m && (v(n) || n === "phone") && r.length > m || m && Le(n) && e.length > m) return;
|
|
103
|
+
const i = Q(e);
|
|
104
|
+
typeof i == "number" && (typeof j == "number" && i < j || typeof B == "number" && i > B) || (w(
|
|
105
|
+
n === "phone" && l ? Z(i, l) : e
|
|
106
|
+
), M(u(i, "change", e.slice(-1) || null)));
|
|
107
|
+
}, we = [
|
|
107
108
|
pe,
|
|
108
|
-
|
|
109
|
-
d ?
|
|
109
|
+
_ && !d ? q : void 0,
|
|
110
|
+
d ? y : void 0
|
|
110
111
|
].filter(Boolean).join(" ") || void 0;
|
|
111
|
-
return
|
|
112
|
-
s && /* @__PURE__ */ t("span", { className: ["inconel-field__label",
|
|
113
|
-
/* @__PURE__ */ t("div", { className: "inconel-input-readonly", "aria-label": s, children:
|
|
114
|
-
] }) : /* @__PURE__ */ b("div", { className: ["inconel-field", `inconel-size-${
|
|
115
|
-
s && /* @__PURE__ */ b("label", { className: ["inconel-field__label",
|
|
112
|
+
return ue ? /* @__PURE__ */ b("div", { className: ["inconel-field", `inconel-size-${Y}`, z ? "inconel-field--full-width" : "", L ?? ""].join(" "), children: [
|
|
113
|
+
s && /* @__PURE__ */ t("span", { className: ["inconel-field__label", D ?? ""].join(" "), children: s }),
|
|
114
|
+
/* @__PURE__ */ t("div", { className: "inconel-input-readonly", "aria-label": s, children: F || ce })
|
|
115
|
+
] }) : /* @__PURE__ */ b("div", { className: ["inconel-field", `inconel-size-${Y}`, z ? "inconel-field--full-width" : "", L ?? ""].join(" "), children: [
|
|
116
|
+
s && /* @__PURE__ */ b("label", { className: ["inconel-field__label", D ?? ""].join(" "), htmlFor: h, children: [
|
|
116
117
|
s,
|
|
117
118
|
V && /* @__PURE__ */ t("span", { className: "inconel-field__required", "aria-hidden": "true", children: " *" })
|
|
118
119
|
] }),
|
|
@@ -121,47 +122,47 @@ const He = we(function({
|
|
|
121
122
|
/* @__PURE__ */ t(
|
|
122
123
|
"input",
|
|
123
124
|
{
|
|
124
|
-
...
|
|
125
|
-
ref:
|
|
126
|
-
id:
|
|
125
|
+
...me,
|
|
126
|
+
ref: he,
|
|
127
|
+
id: h,
|
|
127
128
|
type: n === "password" || n === "email" ? n : "text",
|
|
128
129
|
inputMode: v(n) ? "decimal" : n === "phone" ? "tel" : void 0,
|
|
129
|
-
value:
|
|
130
|
+
value: Ne ? H : F,
|
|
130
131
|
required: V,
|
|
131
132
|
disabled: f,
|
|
132
133
|
autoComplete: fe,
|
|
133
134
|
"aria-invalid": !!d,
|
|
134
|
-
"aria-describedby":
|
|
135
|
-
className: ["inconel-input",
|
|
136
|
-
onChange: (e) =>
|
|
135
|
+
"aria-describedby": we,
|
|
136
|
+
className: ["inconel-input", O ?? ""].join(" "),
|
|
137
|
+
onChange: (e) => Be(e.target.value),
|
|
137
138
|
onFocus: (e) => {
|
|
138
139
|
if (f) return;
|
|
139
|
-
|
|
140
|
-
const r = n === "phone" && l ?
|
|
141
|
-
|
|
140
|
+
J(!0);
|
|
141
|
+
const r = n === "phone" && l ? Z(o, l) : v(n) ? String(o ?? "").replace(".", $e(c).decimal) : String(o ?? "");
|
|
142
|
+
w(r), ee?.(u(o, "focus"), e);
|
|
142
143
|
},
|
|
143
144
|
onBlur: (e) => {
|
|
144
|
-
|
|
145
|
-
let r =
|
|
146
|
-
typeof r == "number" && (r =
|
|
147
|
-
const i =
|
|
148
|
-
|
|
145
|
+
J(!1), a.current && clearTimeout(a.current);
|
|
146
|
+
let r = Q(H);
|
|
147
|
+
typeof r == "number" && (r = Ce(r, p, le ? ie : "floor")), E(g(r));
|
|
148
|
+
const i = u(r, "blur");
|
|
149
|
+
M(i, !0), x?.(i, e);
|
|
149
150
|
},
|
|
150
151
|
onKeyDown: (e) => {
|
|
151
|
-
!
|
|
152
|
+
!S && (e.key === "-" || e.key === "Subtract") && e.preventDefault(), ne?.(u(o, "keydown", e.key), e);
|
|
152
153
|
},
|
|
153
|
-
onMouseEnter: (e) =>
|
|
154
|
-
onMouseLeave: (e) =>
|
|
154
|
+
onMouseEnter: (e) => re?.(u(o, "mouseenter"), e),
|
|
155
|
+
onMouseLeave: (e) => oe?.(u(o, "mouseleave"), e)
|
|
155
156
|
}
|
|
156
157
|
),
|
|
157
|
-
ae && !f &&
|
|
158
|
+
ae && !f && F && /* @__PURE__ */ t(
|
|
158
159
|
"button",
|
|
159
160
|
{
|
|
160
161
|
type: "button",
|
|
161
162
|
className: "inconel-input-clear",
|
|
162
|
-
"aria-label":
|
|
163
|
+
"aria-label": be,
|
|
163
164
|
onClick: () => {
|
|
164
|
-
|
|
165
|
+
w(""), E(g(null)), M(u(null, "clear"), !0);
|
|
165
166
|
},
|
|
166
167
|
children: "×"
|
|
167
168
|
}
|
|
@@ -169,17 +170,17 @@ const He = we(function({
|
|
|
169
170
|
$ && /* @__PURE__ */ t("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: $ })
|
|
170
171
|
] }),
|
|
171
172
|
/* @__PURE__ */ t(
|
|
172
|
-
|
|
173
|
+
Re,
|
|
173
174
|
{
|
|
174
|
-
hint:
|
|
175
|
+
hint: _,
|
|
175
176
|
errorMessage: d,
|
|
176
|
-
hintId:
|
|
177
|
-
errorId:
|
|
177
|
+
hintId: q,
|
|
178
|
+
errorId: y
|
|
178
179
|
}
|
|
179
180
|
)
|
|
180
181
|
] });
|
|
181
182
|
});
|
|
182
183
|
export {
|
|
183
|
-
|
|
184
|
+
Xe as default
|
|
184
185
|
};
|
|
185
186
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\nimport {\n applyInputMask,\n formatInputValue,\n getInputSeparators,\n isFormattedInputType,\n isLengthValidatedInputType,\n parseInputNumber,\n roundInputNumber,\n validateInputValue,\n} from './utils'\n\nexport type InputType =\n | 'text'\n | 'number'\n | 'currency'\n | 'percent'\n | 'phone'\n | 'email'\n | 'password'\n\nexport type InputRoundMode = 'ceil' | 'floor' | 'round'\nexport type InputValue = string | number | null\nexport type InputEventType =\n | 'change'\n | 'blur'\n | 'focus'\n | 'keydown'\n | 'mouseenter'\n | 'mouseleave'\n | 'clear'\n\nexport interface InputPayload {\n rawValue: InputValue\n formattedValue: string\n error: boolean\n char: string | null\n eventType: InputEventType\n}\n\nexport interface InputValidationMessages {\n required?: string\n invalidNumber?: string\n minNumber?: string\n maxNumber?: string\n minLength?: string\n maxLength?: string\n invalidPhone?: string\n invalidEmail?: string\n}\n\ntype NativeInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | 'type'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onKeyDown'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'min'\n | 'max'\n | 'size'\n | 'readOnly'\n>\n\nexport interface InputProps extends NativeInputProps, FieldFeedbackContentProps {\n label?: string\n startAdornment?: ReactNode\n endAdornment?: ReactNode\n fullWidth?: boolean\n inputClassName?: string\n labelClassName?: string\n value?: InputValue\n defaultValue?: InputValue\n onChange?: (payload: InputPayload) => void\n onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onKeyDown?: (\n payload: InputPayload,\n event: KeyboardEvent<HTMLInputElement>,\n ) => void\n onMouseEnter?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n onMouseLeave?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n type?: InputType\n locale?: string\n currency?: string\n decimalScale?: number\n roundMode?: InputRoundMode\n roundOnBlur?: boolean\n min?: number\n max?: number\n allowNegative?: boolean\n debounceMs?: number\n validateOnSubmit?: boolean\n validationMessages?: InputValidationMessages\n mask?: string\n limit?: number\n isClearable?: boolean\n readOnly?: boolean\n clearButtonLabel?: string\n readOnlyEmptyValue?: ReactNode\n size?: ControlSize\n variant?: 'outlined' | 'plain'\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n {\n id,\n label,\n hint,\n errorMessage,\n startAdornment,\n endAdornment,\n fullWidth = false,\n inputClassName,\n labelClassName,\n className,\n required,\n disabled,\n value,\n defaultValue = '',\n onChange,\n onBlur,\n onFocus,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n type = 'text',\n locale = 'tr-TR',\n currency = 'TRY',\n decimalScale = 0,\n roundMode = 'floor',\n roundOnBlur = false,\n min,\n max,\n allowNegative = false,\n debounceMs = 0,\n validateOnSubmit = false,\n validationMessages,\n mask,\n limit,\n isClearable = false,\n readOnly = false,\n clearButtonLabel,\n readOnlyEmptyValue = null,\n size = 'md',\n variant = 'outlined',\n autoComplete = 'off',\n 'aria-describedby': ariaDescribedBy,\n ...inputProps\n },\n ref,\n) {\n const generatedId = useId()\n const inputId = id ?? `inconel-input-${generatedId.replace(/:/g, '')}`\n const hintId = `${inputId}-hint`\n const errorId = `${inputId}-error`\n const controlled = value !== undefined\n const [localValue, setLocalValue] = useState<InputValue>(defaultValue)\n const currentValue = controlled ? value : localValue\n const [editingValue, setEditingValue] = useState('')\n const [focused, setFocused] = useState(false)\n const [validationError, setValidationError] = useState<string | null>(null)\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const messages = validationMessages ?? {}\n const visibleError = errorMessage ?? validationError\n\n const validate = (candidate: InputValue) =>\n validateInputValue(candidate, {\n required: Boolean(required),\n type,\n min,\n max,\n mask,\n messages,\n })\n\n const formattedValue = useMemo(\n () =>\n formatInputValue(\n currentValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n [currentValue, currency, decimalScale, locale, mask, type],\n )\n\n const buildPayload = (\n rawValue: InputValue,\n eventType: InputEventType,\n char: string | null = null,\n ): InputPayload => ({\n rawValue,\n formattedValue: formatInputValue(\n rawValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n error: Boolean(validate(rawValue)),\n char,\n eventType,\n })\n\n const emitChange = (payload: InputPayload, immediate = false) => {\n if (!controlled) setLocalValue(payload.rawValue)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n if (!onChange) return\n if (immediate || debounceMs <= 0) onChange(payload)\n else debounceRef.current = setTimeout(() => onChange(payload), debounceMs)\n }\n\n useEffect(() => () => {\n if (debounceRef.current) clearTimeout(debounceRef.current)\n }, [])\n\n useEffect(() => {\n if (validateOnSubmit) setValidationError(validate(currentValue))\n // Validation intentionally runs when submit state changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [validateOnSubmit])\n\n const normalize = (text: string): InputValue => {\n if (type === 'phone' && mask) return text.replace(/\\D/g, '')\n if (isFormattedInputType(type)) {\n const parsed = parseInputNumber(text, locale)\n if (parsed === null) return text === '' ? null : text\n return allowNegative ? parsed : Math.abs(parsed)\n }\n return text\n }\n\n const handleChange = (text: string) => {\n const digits = text.replace(/\\D/g, '')\n if (\n limit &&\n (isFormattedInputType(type) || type === 'phone') &&\n digits.length > limit\n ) return\n if (limit && isLengthValidatedInputType(type) && text.length > limit) return\n const rawValue = normalize(text)\n if (typeof rawValue === 'number') {\n if (typeof min === 'number' && rawValue < min) return\n if (typeof max === 'number' && rawValue > max) return\n }\n setEditingValue(\n type === 'phone' && mask ? applyInputMask(rawValue, mask) : text,\n )\n emitChange(buildPayload(rawValue, 'change', text.slice(-1) || null))\n }\n\n const describedBy = [\n ariaDescribedBy,\n hint && !visibleError ? hintId : undefined,\n visibleError ? errorId : undefined,\n ].filter(Boolean).join(' ') || undefined\n\n if (readOnly) {\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && <span className={['inconel-field__label', labelClassName ?? ''].join(' ')}>{label}</span>}\n <div className=\"inconel-input-readonly\" aria-label={label}>\n {formattedValue || readOnlyEmptyValue}\n </div>\n </div>\n )\n }\n\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && (\n <label className={['inconel-field__label', labelClassName ?? ''].join(' ')} htmlFor={inputId}>\n {label}{required && <span className=\"inconel-field__required\" aria-hidden=\"true\"> *</span>}\n </label>\n )}\n <div className={['inconel-input-control', variant === 'plain' ? 'inconel-input-control--plain' : '', visibleError ? 'inconel-is-invalid' : '', disabled ? 'inconel-is-disabled' : ''].join(' ')}>\n {startAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{startAdornment}</span>}\n <input\n {...inputProps}\n ref={ref}\n id={inputId}\n type={type === 'password' || type === 'email' ? type : 'text'}\n inputMode={isFormattedInputType(type) ? 'decimal' : type === 'phone' ? 'tel' : undefined}\n value={focused ? editingValue : formattedValue}\n required={required}\n disabled={disabled}\n autoComplete={autoComplete}\n aria-invalid={Boolean(visibleError)}\n aria-describedby={describedBy}\n className={['inconel-input', inputClassName ?? ''].join(' ')}\n onChange={(event) => handleChange(event.target.value)}\n onFocus={(event) => {\n if (disabled) return\n setFocused(true)\n const editValue = type === 'phone' && mask\n ? applyInputMask(currentValue, mask)\n : isFormattedInputType(type)\n ? String(currentValue ?? '').replace('.', getInputSeparators(locale).decimal)\n : String(currentValue ?? '')\n setEditingValue(editValue)\n onFocus?.(buildPayload(currentValue, 'focus'), event)\n }}\n onBlur={(event) => {\n setFocused(false)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n let rawValue = normalize(editingValue)\n if (typeof rawValue === 'number') {\n rawValue = roundInputNumber(rawValue, decimalScale, roundOnBlur ? roundMode : 'floor')\n }\n setValidationError(validate(rawValue))\n const payload = buildPayload(rawValue, 'blur')\n emitChange(payload, true)\n onBlur?.(payload, event)\n }}\n onKeyDown={(event) => {\n if (!allowNegative && (event.key === '-' || event.key === 'Subtract')) event.preventDefault()\n onKeyDown?.(buildPayload(currentValue, 'keydown', event.key), event)\n }}\n onMouseEnter={(event) => onMouseEnter?.(buildPayload(currentValue, 'mouseenter'), event)}\n onMouseLeave={(event) => onMouseLeave?.(buildPayload(currentValue, 'mouseleave'), event)}\n />\n {isClearable && !disabled && formattedValue && clearButtonLabel && (\n <button\n type=\"button\"\n className=\"inconel-input-clear\"\n aria-label={clearButtonLabel}\n onClick={() => {\n setEditingValue('')\n setValidationError(validate(null))\n emitChange(buildPayload(null, 'clear'), true)\n }}\n >\n ×\n </button>\n )}\n {endAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{endAdornment}</span>}\n </div>\n <FieldFeedback\n hint={hint}\n errorMessage={visibleError}\n hintId={hintId}\n errorId={errorId}\n />\n </div>\n )\n})\n\nexport default Input\n"],"names":["Input","forwardRef","id","label","hint","errorMessage","startAdornment","endAdornment","fullWidth","inputClassName","labelClassName","className","required","disabled","value","defaultValue","onChange","onBlur","onFocus","onKeyDown","onMouseEnter","onMouseLeave","type","locale","currency","decimalScale","roundMode","roundOnBlur","min","max","allowNegative","debounceMs","validateOnSubmit","validationMessages","mask","limit","isClearable","readOnly","clearButtonLabel","readOnlyEmptyValue","size","variant","autoComplete","ariaDescribedBy","inputProps","ref","generatedId","useId","inputId","hintId","errorId","controlled","localValue","setLocalValue","useState","currentValue","editingValue","setEditingValue","focused","setFocused","validationError","setValidationError","debounceRef","useRef","messages","visibleError","validate","candidate","validateInputValue","formattedValue","useMemo","formatInputValue","buildPayload","rawValue","eventType","char","emitChange","payload","immediate","useEffect","normalize","text","isFormattedInputType","parsed","parseInputNumber","handleChange","digits","isLengthValidatedInputType","applyInputMask","describedBy","jsx","jsxs","event","editValue","getInputSeparators","roundInputNumber","FieldFeedback"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\nimport {\n applyInputMask,\n formatInputValue,\n getInputSeparators,\n isFormattedInputType,\n isLengthValidatedInputType,\n parseInputNumber,\n roundInputNumber,\n validateInputValue,\n} from './utils'\n\nexport type InputType =\n | 'text'\n | 'number'\n | 'currency'\n | 'percent'\n | 'phone'\n | 'email'\n | 'password'\n\nexport type InputRoundMode = 'ceil' | 'floor' | 'round'\nexport type InputValue = string | number | null\nexport type InputEventType =\n | 'change'\n | 'blur'\n | 'focus'\n | 'keydown'\n | 'mouseenter'\n | 'mouseleave'\n | 'clear'\n\nexport interface InputPayload {\n rawValue: InputValue\n formattedValue: string\n error: boolean\n char: string | null\n eventType: InputEventType\n}\n\nexport interface InputValidationMessages {\n required?: string\n invalidNumber?: string\n minNumber?: string\n maxNumber?: string\n minLength?: string\n maxLength?: string\n invalidPhone?: string\n invalidEmail?: string\n}\n\ntype NativeInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | 'type'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'onBlur'\n | 'onFocus'\n | 'onKeyDown'\n | 'onMouseEnter'\n | 'onMouseLeave'\n | 'min'\n | 'max'\n | 'size'\n | 'readOnly'\n>\n\nexport interface InputProps extends NativeInputProps, FieldFeedbackContentProps {\n label?: string\n startAdornment?: ReactNode\n endAdornment?: ReactNode\n fullWidth?: boolean\n inputClassName?: string\n labelClassName?: string\n value?: InputValue\n defaultValue?: InputValue\n onChange?: (payload: InputPayload) => void\n onBlur?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onFocus?: (payload: InputPayload, event: FocusEvent<HTMLInputElement>) => void\n onKeyDown?: (\n payload: InputPayload,\n event: KeyboardEvent<HTMLInputElement>,\n ) => void\n onMouseEnter?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n onMouseLeave?: (\n payload: InputPayload,\n event: MouseEvent<HTMLInputElement>,\n ) => void\n type?: InputType\n locale?: string\n currency?: string\n decimalScale?: number\n roundMode?: InputRoundMode\n roundOnBlur?: boolean\n min?: number\n max?: number\n allowNegative?: boolean\n debounceMs?: number\n validateOnSubmit?: boolean\n validationMessages?: InputValidationMessages\n mask?: string\n limit?: number\n isClearable?: boolean\n readOnly?: boolean\n clearButtonLabel?: string\n readOnlyEmptyValue?: ReactNode\n size?: ControlSize\n variant?: 'outlined' | 'plain'\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n {\n id,\n label,\n hint,\n errorMessage,\n startAdornment,\n endAdornment,\n fullWidth = false,\n inputClassName,\n labelClassName,\n className,\n required,\n disabled,\n value,\n defaultValue = '',\n onChange,\n onBlur,\n onFocus,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n type = 'text',\n locale = 'tr-TR',\n currency = 'TRY',\n decimalScale = 0,\n roundMode = 'floor',\n roundOnBlur = false,\n min,\n max,\n allowNegative = false,\n debounceMs = 0,\n validateOnSubmit = false,\n validationMessages,\n mask,\n limit,\n isClearable = false,\n readOnly = false,\n clearButtonLabel,\n readOnlyEmptyValue = null,\n size = 'md',\n variant = 'outlined',\n autoComplete = 'off',\n 'aria-describedby': ariaDescribedBy,\n ...inputProps\n },\n ref,\n) {\n const adapters = useInconelAdapters()\n const resolvedClearButtonLabel =\n clearButtonLabel ??\n String(adapters.translate?.('clear', 'Temizle') ?? 'Temizle')\n\n const generatedId = useId()\n const inputId = id ?? `inconel-input-${generatedId.replace(/:/g, '')}`\n const hintId = `${inputId}-hint`\n const errorId = `${inputId}-error`\n const controlled = value !== undefined\n const [localValue, setLocalValue] = useState<InputValue>(defaultValue)\n const currentValue = controlled ? value : localValue\n const [editingValue, setEditingValue] = useState('')\n const [focused, setFocused] = useState(false)\n const [validationError, setValidationError] = useState<string | null>(null)\n const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const messages = validationMessages ?? {}\n const visibleError = errorMessage ?? validationError\n\n const validate = (candidate: InputValue) =>\n validateInputValue(candidate, {\n required: Boolean(required),\n type,\n min,\n max,\n mask,\n messages,\n })\n\n const formattedValue = useMemo(\n () =>\n formatInputValue(\n currentValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n [currentValue, currency, decimalScale, locale, mask, type],\n )\n\n const buildPayload = (\n rawValue: InputValue,\n eventType: InputEventType,\n char: string | null = null,\n ): InputPayload => ({\n rawValue,\n formattedValue: formatInputValue(\n rawValue,\n type,\n locale,\n decimalScale,\n currency,\n mask,\n ),\n error: Boolean(validate(rawValue)),\n char,\n eventType,\n })\n\n const emitChange = (payload: InputPayload, immediate = false) => {\n if (!controlled) setLocalValue(payload.rawValue)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n if (!onChange) return\n if (immediate || debounceMs <= 0) onChange(payload)\n else debounceRef.current = setTimeout(() => onChange(payload), debounceMs)\n }\n\n useEffect(() => () => {\n if (debounceRef.current) clearTimeout(debounceRef.current)\n }, [])\n\n useEffect(() => {\n if (validateOnSubmit) setValidationError(validate(currentValue))\n // Validation intentionally runs when submit state changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [validateOnSubmit])\n\n const normalize = (text: string): InputValue => {\n if (type === 'phone' && mask) return text.replace(/\\D/g, '')\n if (isFormattedInputType(type)) {\n const parsed = parseInputNumber(text, locale)\n if (parsed === null) return text === '' ? null : text\n return allowNegative ? parsed : Math.abs(parsed)\n }\n return text\n }\n\n const handleChange = (text: string) => {\n const digits = text.replace(/\\D/g, '')\n if (\n limit &&\n (isFormattedInputType(type) || type === 'phone') &&\n digits.length > limit\n ) return\n if (limit && isLengthValidatedInputType(type) && text.length > limit) return\n const rawValue = normalize(text)\n if (typeof rawValue === 'number') {\n if (typeof min === 'number' && rawValue < min) return\n if (typeof max === 'number' && rawValue > max) return\n }\n setEditingValue(\n type === 'phone' && mask ? applyInputMask(rawValue, mask) : text,\n )\n emitChange(buildPayload(rawValue, 'change', text.slice(-1) || null))\n }\n\n const describedBy = [\n ariaDescribedBy,\n hint && !visibleError ? hintId : undefined,\n visibleError ? errorId : undefined,\n ].filter(Boolean).join(' ') || undefined\n\n if (readOnly) {\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && <span className={['inconel-field__label', labelClassName ?? ''].join(' ')}>{label}</span>}\n <div className=\"inconel-input-readonly\" aria-label={label}>\n {formattedValue || readOnlyEmptyValue}\n </div>\n </div>\n )\n }\n\n return (\n <div className={['inconel-field', `inconel-size-${size}`, fullWidth ? 'inconel-field--full-width' : '', className ?? ''].join(' ')}>\n {label && (\n <label className={['inconel-field__label', labelClassName ?? ''].join(' ')} htmlFor={inputId}>\n {label}{required && <span className=\"inconel-field__required\" aria-hidden=\"true\"> *</span>}\n </label>\n )}\n <div className={['inconel-input-control', variant === 'plain' ? 'inconel-input-control--plain' : '', visibleError ? 'inconel-is-invalid' : '', disabled ? 'inconel-is-disabled' : ''].join(' ')}>\n {startAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{startAdornment}</span>}\n <input\n {...inputProps}\n ref={ref}\n id={inputId}\n type={type === 'password' || type === 'email' ? type : 'text'}\n inputMode={isFormattedInputType(type) ? 'decimal' : type === 'phone' ? 'tel' : undefined}\n value={focused ? editingValue : formattedValue}\n required={required}\n disabled={disabled}\n autoComplete={autoComplete}\n aria-invalid={Boolean(visibleError)}\n aria-describedby={describedBy}\n className={['inconel-input', inputClassName ?? ''].join(' ')}\n onChange={(event) => handleChange(event.target.value)}\n onFocus={(event) => {\n if (disabled) return\n setFocused(true)\n const editValue = type === 'phone' && mask\n ? applyInputMask(currentValue, mask)\n : isFormattedInputType(type)\n ? String(currentValue ?? '').replace('.', getInputSeparators(locale).decimal)\n : String(currentValue ?? '')\n setEditingValue(editValue)\n onFocus?.(buildPayload(currentValue, 'focus'), event)\n }}\n onBlur={(event) => {\n setFocused(false)\n if (debounceRef.current) clearTimeout(debounceRef.current)\n let rawValue = normalize(editingValue)\n if (typeof rawValue === 'number') {\n rawValue = roundInputNumber(rawValue, decimalScale, roundOnBlur ? roundMode : 'floor')\n }\n setValidationError(validate(rawValue))\n const payload = buildPayload(rawValue, 'blur')\n emitChange(payload, true)\n onBlur?.(payload, event)\n }}\n onKeyDown={(event) => {\n if (!allowNegative && (event.key === '-' || event.key === 'Subtract')) event.preventDefault()\n onKeyDown?.(buildPayload(currentValue, 'keydown', event.key), event)\n }}\n onMouseEnter={(event) => onMouseEnter?.(buildPayload(currentValue, 'mouseenter'), event)}\n onMouseLeave={(event) => onMouseLeave?.(buildPayload(currentValue, 'mouseleave'), event)}\n />\n {isClearable && !disabled && formattedValue && (\n <button\n type=\"button\"\n className=\"inconel-input-clear\"\n aria-label={resolvedClearButtonLabel}\n onClick={() => {\n setEditingValue('')\n setValidationError(validate(null))\n emitChange(buildPayload(null, 'clear'), true)\n }}\n >\n ×\n </button>\n )}\n {endAdornment && <span className=\"inconel-input-adornment\" aria-hidden=\"true\">{endAdornment}</span>}\n </div>\n <FieldFeedback\n hint={hint}\n errorMessage={visibleError}\n hintId={hintId}\n errorId={errorId}\n />\n </div>\n )\n})\n\nexport default Input\n"],"names":["Input","forwardRef","id","label","hint","errorMessage","startAdornment","endAdornment","fullWidth","inputClassName","labelClassName","className","required","disabled","value","defaultValue","onChange","onBlur","onFocus","onKeyDown","onMouseEnter","onMouseLeave","type","locale","currency","decimalScale","roundMode","roundOnBlur","min","max","allowNegative","debounceMs","validateOnSubmit","validationMessages","mask","limit","isClearable","readOnly","clearButtonLabel","readOnlyEmptyValue","size","variant","autoComplete","ariaDescribedBy","inputProps","ref","adapters","useInconelAdapters","resolvedClearButtonLabel","generatedId","useId","inputId","hintId","errorId","controlled","localValue","setLocalValue","useState","currentValue","editingValue","setEditingValue","focused","setFocused","validationError","setValidationError","debounceRef","useRef","messages","visibleError","validate","candidate","validateInputValue","formattedValue","useMemo","formatInputValue","buildPayload","rawValue","eventType","char","emitChange","payload","immediate","useEffect","normalize","text","isFormattedInputType","parsed","parseInputNumber","handleChange","digits","isLengthValidatedInputType","applyInputMask","describedBy","jsx","jsxs","event","editValue","getInputSeparators","roundInputNumber","FieldFeedback"],"mappings":"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"}
|