@hhgtech/hhg-components 1.19.25 → 1.19.27

package/build/esm/index-d5184aa9.js

@@ -0,0 +1 @@
+import e from"react";import{U as a}from"./index.styled-7701663c.js";import{b as t}from"./tslib.es6-6ae0d506.js";import{p as l,q as n,r as i,s as d,t as s,v as o}from"./index.styled-ab940e83.js";var r=function(t){var l=t.type,n=void 0===l?"solid":l,i=t.className,d=t.style;return e.createElement(a,{style:d,className:i,"data-diver-type":n,dividerType:n})},c=function(a){var r=a.className,c=a.value,u=a.options,v=a.onChange,m=void 0===v?function(){}:v,b=a.id,p=a.placeholderIcon,f=a.placeholder,y=a.style,E=a.size,g=void 0===E?"lg":E,h=a.groupedWithLabel,k=a.disabled,N=a.dropdownLabelTrackingAttributes,C=void 0===N?{}:N,x=a.isNativeSelect,j=void 0!==x&&x,w=e.useState(!1),z=w[0],I=w[1],L=function(){return!k&&I(!z)};return j?e.createElement(l,{as:"select","data-is-native":"true",value:(null==c?void 0:c.value)||void 0,disabled:k,onChange:function(e){if("string"==typeof e.target.value){var a=u.find((function(a){return a.value===e.target.value}));a&&m(a)}}},f&&e.createElement("option",{value:f,disabled:!0,selected:!0},f),u.map((function(a){return e.createElement("option",{key:"".concat(b,"-").concat(a.value),value:a.value,disabled:!!a.disabled&&a.disabled},a.label)}))):e.createElement(l,{className:r,"data-dropdown-open":z||void 0,"data-size":g,id:b,"data-has-icons":!!p,style:y,onBlur:function(){return I(!1)},tabIndex:0,"data-disabled":k},!!h&&e.createElement(n,null,h),e.createElement(i,t({onClick:L,className:h&&"with-label"},C),p," ",e.createElement("span",null,c&&c.value?c.label:f)),z&&e.createElement(d,{onClick:L,"data-has-icons":!!p},u.map((function(a){return e.createElement(s,{key:"".concat(b,"-").concat(a.value),"data-selected":c&&c.value===a.value||void 0,onClick:function(){return!a.disabled&&!k&&(null==m?void 0:m(a))},"data-disabled":!!a.disabled&&a.disabled},a.icon&&e.createElement(o,null,a.icon),a.label)}))))};export{r as D,c as a};

package/build/esm/index-e2f5f56b.js

@@ -0,0 +1 @@
+import{d as e,b as a}from"./tslib.es6-6ae0d506.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-7701663c.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,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":!!y||void 0,"data-has-display-icon":!!b||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)),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};