@hhgtech/hhg-components 1.19.11 → 1.20.0-beta-2

package/build/esm/index-a7e7ef36.js

@@ -1 +0,0 @@
-import{b as e,_ as a}from"./tslib.es6-fd0a5c98.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-5cf1d3ff.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,v=void 0!==p&&p,y=c.actionIcon,b=c.displayIcon,C=c.onActionClick,f=c.label,g=c.className,N=c.onChange,E=c.isDisabled,h=c.CustomInput,I=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":I,className:g,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!b||void 0,"data-has-error":u&&u.length>0||void 0,style:k},f&&t.createElement(i,{size:"label2",htmlFor:m,className:"inputLabel"},f),t.createElement("div",{style:{position:"relative"}},h||t.createElement("input",a({id:m,name:m,onChange:function(e){return N&&N(e.target.value)},type:L,"aria-label":L,value:d,disabled:E,autoComplete:K,inputMode:v||"number"===L?"numeric":L,pattern:v?"[0-9]*":".*",className:x,enterKeyHint:M},D,j)),b&&t.createElement(o,{className:"displayIcon"},b),y&&t.createElement(l,{className:"actionIcon",onClick:C},y)),u&&u.length>0&&t.createElement(r,{className:"errorLabel"},u))};export{c as I};