@hhgtech/hhg-components 1.20.36 → 1.20.38

package/build/esm/index-9194fc0e.js

@@ -1 +0,0 @@
-import{e,b as a}from"./tslib.es6-ba283c01.js";import t,{useMemo as n}from"react";import{W as s,L as i,X as o,Y as l,Z as r}from"./index.styled-2d31cc1a.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,v=void 0!==p&&p,b=c.actionIcon,y=c.displayIcon,C=c.onActionClick,g=c.label,N=c.className,E=c.onChange,h=c.isDisabled,I=c.CustomInput,f=c.size,k=c.style,A=c.autoComplete,K=void 0===A?"off":A,z=c.type,L=void 0===z?"text":z,x=c.inputClassName,H=c.trackingAttributes,M=c.enterKeyHint,j=e(c,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),D=n((function(){return H?{"data-event-category":H.dataEventCategory,"data-event-action":H.dataEventAction,"data-event-label":H.dataEventLabel}:{}}),[H]);return t.createElement(s,{"data-size":f,className:N,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!y||void 0,"data-has-error":u&&u.length>0||void 0,style:k},g&&t.createElement(i,{size:"label2",htmlFor:m,className:"inputLabel"},g),t.createElement("div",{style:{position:"relative"}},I||t.createElement("input",a({id:m,name:m,onChange:function(e){return E&&E(e.target.value)},type:L,"aria-label":L,value:d,disabled:h,autoComplete:K,inputMode:v||"number"===L?"numeric":L,pattern:v?"[0-9]*":".*",className:x,enterKeyHint:M},D,j)),y&&t.createElement(o,{className:"displayIcon"},y),b&&t.createElement(l,{className:"actionIcon",onClick:C},b)),u&&u.length>0&&t.createElement(r,{className:"errorLabel"},u))};export{c as I};