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

A React input component

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