@2e32/react-input/dist/js/esm/index.js

A React input component

var De=Object.create;var I=Object.defineProperty,Ue=Object.defineProperties,Ge=Object.getOwnPropertyDescriptor,qe=Object.getOwnPropertyDescriptors,Fe=Object.getOwnPropertyNames,N=Object.getOwnPropertySymbols,We=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var J=(e,t,o)=>t in e?I(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,l=(e,t)=>{for(var o in t||(t={}))A.call(t,o)&&J(e,o,t[o]);if(N)for(var o of N(t))K.call(t,o)&&J(e,o,t[o]);return e},i=(e,t)=>Ue(e,qe(t));var c=(e,t)=>{var o={};for(var n in e)A.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&N)for(var n of N(e))t.indexOf(n)<0&&K.call(e,n)&&(o[n]=e[n]);return o};var Ye=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Ze=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Fe(t))!A.call(e,r)&&r!==o&&I(e,r,{get:()=>t[r],enumerable:!(n=Ge(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?De(We(e)):{},Ze(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e));var d=Ye((vt,_)=>{(function(){"use strict";var e={}.hasOwnProperty;function t(){for(var r="",s=0;s<arguments.length;s++){var a=arguments[s];a&&(r=n(r,o(a)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var s="";for(var a in r)e.call(r,a)&&r[a]&&(s=n(s,a));return s}function n(r,s){return s?r?r+" "+s:r+s:r}typeof _!="undefined"&&_.exports?(t.default=t,_.exports=t):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return t}):window.classNames=t})()});var L=f(d());import ut,{useRef as dt,useId as ct}from"react";import{jsx as Q}from"react/jsx-runtime";var ze=e=>Q("svg",i(l({xmlns:"http://www.w3.org/2000/svg",height:"24px",width:"24px",viewBox:"0 0 24 24"},e),{children:Q("path",{d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"})})),w=ze;import{jsx as R,jsxs as X}from"react/jsx-runtime";var Je=e=>X("svg",i(l({xmlns:"http://www.w3.org/2000/svg",height:"24px",width:"24px",viewBox:"0 0 24 24"},e),{children:[R("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeOpacity:"0.25"}),X("circle",{cx:"12",cy:"12",r:"11",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",children:[R("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 70; 70 0",repeatCount:"indefinite"}),R("animateTransform",{attributeName:"transform",type:"rotate",from:"0 12 12",to:"360 12 12",dur:"3s",repeatCount:"indefinite"})]})]})),V=Je;var x=f(d());import{jsx as E}from"react/jsx-runtime";var $=({children:e,className:t})=>e!=null?E("span",{className:(0,x.default)("e-input__addon",t),children:e}):null,Ke=o=>{var n=o,{className:e}=n,t=c(n,["className"]);return E($,i(l({},t),{className:(0,x.default)("e-input__addon--prepend",e)}))},Qe=o=>{var n=o,{className:e}=n,t=c(n,["className"]);return E($,i(l({},t),{className:(0,x.default)("e-input__addon--append",e)}))},Xe={Prepend:Ke,Append:Qe},C=Xe;var j=f(d());import{jsx as je}from"react/jsx-runtime";var $e=({icon:e,position:t,className:o})=>{let n=e!=null?e:"*";return je("span",{className:(0,j.default)("e-input__asterisk",{"e-input__asterisk--position-left":t==="left","e-input__asterisk--position-right":t==="right"},o),children:n})},H=$e;var te=f(d());import{jsx as ee}from"react/jsx-runtime";var et=({clearIcon:e,className:t,visible:o=!1,onMouseDown:n})=>ee("button",{className:(0,te.default)("e-input__clear-button",{"e-input__clear-button--hidden":!o},t),onMouseDown:n,children:e!=null?e:ee(w,{width:"18px",height:"18px",className:"e-input__icon e-input__icon--clear"})}),M=et;var ne=f(d());import tt from"react";import{jsx as ot}from"react/jsx-runtime";var nt=(e,t)=>{let p=e,{className:o,disabled:n=!1,block:r=!1,onClick:s}=p,a=c(p,["className","disabled","block","onClick"]);return ot("div",i(l({},a),{ref:t,className:(0,ne.default)("e-input",{"e-input--disabled":n,"e-input--block":r},o),onClick:n?void 0:s}))},O=tt.forwardRef(nt);var oe=f(d());import{jsx as st}from"react/jsx-runtime";var rt=({children:e,className:t})=>st("div",{className:(0,oe.default)("e-input__hint",t),children:e}),S=rt;var le=f(d());import{Fragment as se,jsx as re,jsxs as ae}from"react/jsx-runtime";var at=e=>{let{htmlFor:t,children:o,className:n,required:r=!1,asteriskIcon:s,asteriskPosition:a,asteriskClassName:p}=e,m=r?re(H,{icon:s,position:a,className:p}):null;return re("label",{htmlFor:t,className:(0,le.default)("e-input__label",n),children:a==="left"?ae(se,{children:[m,o]}):ae(se,{children:[o,m]})})},T=at;import{useState as lt,useCallback as it}from"react";var pt=e=>{let{controlledValue:t,defaultUncontrolledValue:o="",onChange:n}=e,[r,s]=lt(o),a=t!==void 0,p=a?t:r,m=it(h=>{let b=h.target.value;a||s(b),n==null||n(b,h)},[a,n]);return[p,m]},B=pt;var ie=e=>e?"e-input__addon--align-by-label":"e-input__addon--align-by-input",pe=(e,t)=>{let o=Object.getPrototypeOf(e),n=Object.getOwnPropertyDescriptor(o,"value");n!=null&&n.set&&n.set.call(e,t)},ue=e=>{let t=new Event("change",{bubbles:!0});e.dispatchEvent(t)};import{jsx as u,jsxs as D}from"react/jsx-runtime";var ft=(e,t)=>{let Z=e,{id:o,name:n,type:r="text",value:s,defaultValue:a,label:p,placeholder:m,hint:h,inputProps:b,labelClassName:ce,inputClassName:fe,hintClassName:me,disabled:y=!1,readOnly:U=!1,required:G=!1,allowClear:Ce=!1,block:he=!1,loading:ve=!1,clearIcon:ge,clearClassName:be,asteriskIcon:ye,asteriskPosition:Ne="right",asteriskClassName:_e,prependOuter:xe,prependInner:Le,appendInner:Pe,appendOuter:ke,prependOuterClassName:Ie,prependInnerClassName:Ae,appendInnerClassName:we,appendOuterClassName:Re,onChange:Ve,onClear:P}=Z,Ee=c(Z,["id","name","type","value","defaultValue","label","placeholder","hint","inputProps","labelClassName","inputClassName","hintClassName","disabled","readOnly","required","allowClear","block","loading","clearIcon","clearClassName","asteriskIcon","asteriskPosition","asteriskClassName","prependOuter","prependInner","appendInner","appendOuter","prependOuterClassName","prependInnerClassName","appendInnerClassName","appendOuterClassName","onChange","onClear"]),v=dt(null),[k,He]=B({controlledValue:s,defaultUncontrolledValue:a,onChange:Ve}),Me=ct(),q=o!=null?o:Me,F=!!k,W=p!=null,Oe=h!=null,Se=Ce&&!(y||U),Y=ie(W),Te=g=>{var z;g.target===g.currentTarget&&(g.preventDefault(),(z=v.current)==null||z.focus())},Be=g=>{g.preventDefault(),v.current&&F&&(pe(v.current,""),ue(v.current),P==null||P(k))};return D(O,i(l({ref:t,disabled:y,block:he},Ee),{children:[u(C.Prepend,{className:(0,L.default)(Y,Ie),children:xe}),D("div",{className:"e-input__content",children:[W&&u(T,{htmlFor:q,className:ce,required:G,asteriskIcon:ye,asteriskPosition:Ne,asteriskClassName:_e,children:p}),D("div",{className:"e-input__box",onMouseDown:y?void 0:Te,children:[u(C.Prepend,{className:Ae,children:Le}),u("input",i(l({},b),{id:q,ref:v,value:k,placeholder:m,type:r,name:n,className:(0,L.default)("e-input__control",fe),disabled:y,readOnly:U,required:G,onChange:He})),Se&&u(M,{visible:F,clearIcon:ge,className:be,onMouseDown:Be}),ve&&u(V,{className:"e-input__icon e-input__icon--loading"}),u(C.Append,{className:we,children:Pe})]}),Oe&&u(S,{className:me,children:h})]}),u(C.Append,{className:(0,L.default)(Y,Re),children:ke})]}))},de=ut.forwardRef(ft);var fn=de;export{fn as default};
/*! Bundled license information:

classnames/index.js:
  (*!
  	Copyright (c) 2018 Jed Watson.
  	Licensed under the MIT License (MIT), see
  	http://jedwatson.github.io/classnames
  *)
*/
//# sourceMappingURL=index.js.map