@redpill-paris/quidol-ui/build/TextInputChat/index.js

**quidol-ui** is a framework css create for the project Quidol Live.

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("react"),t=e(r),o=require("styled-components");e(o);require("../types/srcs/button.js"),require("../types/srcs/card.js"),require("../types/srcs/cardLive.js");var s=require("../types/srcs/iconButton.js");require("../types/srcs/loader.js"),require("../types/srcs/loginQuestion.js"),require("../types/srcs/questionComponent.js"),require("../types/srcs/textInput.js");var n=require("../types/srcs/typography.js");require("../types/srcs/counter.js"),require("../types/srcs/questionFiller.js"),require("../types/srcs/chat.js"),require("../types/srcs/backButton.js"),require("../types/srcs/product.js");var l=require("../utils/index.js"),a=require("formik"),i=require("./TextInputStyle.js"),u=require("../assets/icons/close-white.svg.js");module.exports=function(e){var c=a.useField(e),p=c[0],d=c[1].error,y=void 0===d?"":d,v=r.useState(!1),m=v[0],q=v[1],h=r.useState(!1),C=h[0],j=h[1],g=r.useContext(o.ThemeContext),E=e.className,f=e.value,b=void 0===f?"":f,x=e.type,R=void 0===x?"text":x,B=e.placeholder,I=e.placeholderColor,F=void 0===I?"":I,T=e.label,k=e.name,L=void 0===k?"":k,S=e.maxLength,M=void 0===S?30:S,O=e.textColor,V=void 0===O?g.text.main:O,D=e.onPressEnter,H=void 0===D?function(){}:D,N=e.handleFocus,P=void 0===N?function(){}:N,Y=e.lostFocusEnter,w=void 0!==Y&&Y,G=e.disabled,K=void 0!==G&&G,Q=e.replyRelatedMessage,U=e.quitReplyMode,z=e.inputRef,A=Q.length>=16?Q.slice(0,15)+"...":Q,J=r.useCallback((function(e){q(e),P(e)}),[P]);return t.createElement(i.Container,{className:E,value:b,backgroundColor:m?g.colors.background:g.colors.lightGrey,borderColor:m?g.colors.secondary:l.handleError(y)&&p.value?g.colors.main:g.colors.secondary,additionalHeight:Q?"1em":"0em"},Q&&t.createElement(i.InputReplyContainer,null,t.createElement(i.LeftInputReply,null,t.createElement(i.ReplyIcon,{color:V}),t.createElement(i.ReplyTypo,{variant:n.TypographyVariant.BODY1,color:V},"En réponse à : "),t.createElement(i.ReplyTypo,{variant:n.TypographyVariant.BODY1,color:l.hex2rgba(V,.7)},A)),t.createElement(i.CrossButton,{variant:s.IconButtonVariant.CUSTOM,IconCustom:u.ReactComponent,color:g.colors.translucent,onClick:U,svgColor:V})),t.createElement(i.ChatInput,{maxLength:M,placeholder:B,label:T,name:L,setFocus:J,onChange:function(e){p.onChange(e),j(!1)},onBlur:p.onBlur,isFocused:m,error:l.handleError(y),value:p.value,isReset:C,setReset:j,placeholderColor:F,onPressEnter:H,type:R,inputColor:V,lostFocusEnter:w,disabled:K,enterKeyHint:"send",inputRef:z}))};
//# sourceMappingURL=index.js.map