From c589255db0bf0d8205612ff9443d4bdb6b664302 Mon Sep 17 00:00:00 2001 From: Dima Shugaev Date: Mon, 9 Dec 2024 16:10:51 +0300 Subject: [PATCH] feat(plasma-*, sdds-*): fix renderValue prop in Select --- ...ma-b2c Select -- prop renderValue.snap.png | Bin 0 -> 13426 bytes ...ma-web Select -- prop renderValue.snap.png | Bin 0 -> 13890 bytes .../Select/Select.component-test.tsx | 63 ++++++++++++++++++ .../ui/Target/ui/Textfield/Textfield.tsx | 14 +++- .../Select/Select.component-test.tsx | 63 ++++++++++++++++++ 5 files changed, 139 insertions(+), 1 deletion(-) create mode 100644 cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-b2c Select -- prop renderValue.snap.png create mode 100644 cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-web Select -- prop renderValue.snap.png diff --git a/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-b2c Select -- prop renderValue.snap.png b/cypress/snapshots/b2c/components/Select/Select.component-test.tsx/plasma-b2c Select -- prop renderValue.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..2a3a58bf1d180246958cb90166fc70b3e5957eb5 GIT binary patch literal 13426 zcmeHuXH-<_)+XkRfmTEiR7z<@MFGh{MS%h(8Bn4&NE9Rq63a}RK#B$=i6j9P5CIWM zDk>t93KS`#l98Nq>Zn-S@k_kO~D`;yYE!)Y*Vy0IehhP==_U5+Qw$5Ij>6k$?&Zff2jK9 z{NZ`a1r-#$#pC>VZ#Ncca9JCr)#bG;<>kzoe8$y%da;{q*tImLE^E0oZFLG&igyN; zzF{_ndVSe#%I3Yh=~46l)TbXh@YN>*~y~x3X2Ss=7(lj(w zcXyYy;G^$Tp{y`Ib*eO6Vcv>sv*`og`02ZM@7D42U;6OjKu~aS+{1?rFD}dy6&H`> z5TIT*7N+KTt))^{C~N8ddFz9R56#WYb_*!hOPs>Pl8ltd!yF5NULN#E!v8kzj{fik-&(syYy~TYz z#cVlkysAz)qvzG4(KkXKFI!6^orfw-CCdX%@8)x;%e=fR>pD{1BB!K-1wEeQAxj%8 z3wzf4mRmCR@#EXB-B|%sljF&z#k>qVJG)~Uj@yF8&zSTz<|{Ll_Rz(|&eX~nxOVQ+ z36gV{^5ociqVb)NsHmt-&Dn}1>l!I`ztGTw9v*W2EyXQO0fw8TrGwSo+Yjl{CI=Vu z%G^1bdley2TsqOsn#_^xOey=EY`S#b5p8V|qqmDaFb?69+}gM<+nuNA_IicZPx0LHW2N3Be5?jq zNu<(J_LkusmaMwmDCOIy_=c{G?&c!t?nbh16aB?4W(he{E^`;Je!)z&G;foiYLGuS z(VG`2X}>8{+Ns$_ZZuzA*s+Mp` zbC~Hnjo$VQl&Sake-27I6fy=d&sLBE^j&VWW%v{QM4UYbRsb6}@>6Dk{#+v-@=1)Mp42wUJmqyDPng*MK&8 zwkwC_v3EWXu4d*AXAjGgsc+97`GtL#$HY0gp(O8}_RR+vBKFT0Us@{n ztC}^HnY5f=(FURRDPC7e=hUf<`}gm6!=5#hv3tIM|9(R}HcZd0_sxM&DZkFDwB%C- ztJq_rqAq8MY`19t?C*NFO$uoet+&+5zcz#i+w9f#m{L?2b z1B0T^Nk*HuZ25Zc_le{E%2rm}q|!H<=V7LW&(D5~O-R_(*%lLKQjwtl6DMc?H$zsC z!nWg2E-OraSxP(6ULIFoQDGn3+-x#7_$^O7yLX96@!dk&WChK3YlVU9Ha^x!UOJMh ztvrsysoHiPrlMzGxU1SGcgf+yhkG!pb#1J;`1t6|%#b9bJgvir_c6WJO8+b*6!Y}y zs?Z5~$|3CV=9asz+sS{pou?f)QG|rNYcibdOFGl)ih|E%Q!(tSr&bM!mM=CaYNHt3 zyE7jB+`R4snqJZBVR9dWcHL0obN|gxP+RNRF=b}enViB*=l*9SUvC_Ld}4;-$Scls z!!=I-vNlw~--odV!!UY#^W^wY=Z8BxFDW!NH$OS?a%Mu-kdBI~s$^?wg+W85X;{-S z#anCkr&-sGFaok)CpmO{_962>UGv;8-M)pPrLVu%chkYIy?J~sBv0-KTkmDC5}8b$ z_XP#ihw<_IW4v}tJ21^-dPj?CcMorQ^OyW!Om!4Z^+%Csba&@E0;H`XV#d8X0o-({Vl9H!FD(^Y~~XyDUH1Y{iVjV`G2CN`>Z3Gzsw(3VHM{ zI{N6?OC(uaRhkfeK=bxF*Osnkd)L86v*!+N7b&5OYiTU^aYb8*!@Ybzc%37`!<>i-|YWG&IS+fQu zJRv-M2C49vVO*Fs4;K~b%wRmz!qQR`7q##* zya~@lu^`ZBp?jf01HgFj;1YVdL3w#O{_tiR&>N84O8D_wX-A5W@;a)(Ui|pu$B%gF zJr4e5;o;#I9z596{_UGj)YGH5|HzS*OO`BYeN9~vm!2Nj-fkf*EDVeS3N72a?(*&p zKD+61iwg@2fy1Tc<@=0``0;a5F|h~^q5QhIq$HoWZxtz2zHR>k=YPP`-vj>N{(>^P z%-F<)9vDcSe_`3oYx`zW$94eD%kXZ@YH)B6DH=Jno*K1p!yX{@S}BKhWSXq`fZdxn z7i08*+$c=t`Ex0D9*NzUy_79|AErbicp9Ojf82WS`SYNwSLZtXGTZAAdDtIorn153 z9;y+2FGd_(TwXXlDFxK0bTE0T2ct1h)@t(yUTpsC*xj z4Mo;fg&bocD%KwiJcR3|HGf($Da3DhMcBLuv}EPl)wuV}Rb?;jWre`A?{5 z&M3hIK??$el=6gpltB-u3JS9 zmNd3=whrM*xssUHXkS3iO*P)h@!^5auyCR;rcbF{v?LnrJ8w z5>&Eq{cQG_Gj-Xmjb-t=;yUdBa0_{q_N!io^O0OXvhzo}GH-o+s4Zf}6xFe0rkFo6 z$Xb&c`aiF<9sWrpqxb6#p(kdg8&p(OB>d_06|1)CyuKln{VTHw|GtaZe*@_AZ~hRNdvVU9bFJZ?KX2XIsF9dGwk1-@ zySc`xF8b+H|3{Cux(s#Xo67ZbWseq~VPF=Fr>84l9nsc*)8H*%1okRfo}izxTGVWr zv$M0zvcKEl(*}<}|Vl81bxow3ZlD@g-r%xNVF`^NXyv~iw7cN>Pc^H+B zHu=pk5EPPA-(fkb;RJy39S;I?f|8XGrm#PATQn*{|Uvtr}o)?2;2 zIA@@>^wOpK>S1b@2ZKbfp>+23^_iJhKeK(Lmrh4&_kb#df@_NZ+aEjqaJOH-O=Ts=z&f1Gjt$dTPDc~;@~hMBiMsF%!arB8Tp{!gOx*`mUiW7~ zLH=!iDn3VbbX0VHL?6iB$j|Q!3lSLB;ZL5>NyJFZnKS37l`CzFWrureUAx1557kqW zjq_K?O}44`4<^z=Lqd26?a^uQ4V$2t6I!HPd#+)LNl{3CW4>=&b-IXWe^$4<_t=Gn|4-GT@~jXS($KPLCrxM_%N z&l;`;bgadsG&MAKtA3wfl6{LBrYGyrw=iU%V|Q&KkyN1kgh}RJUD8mh#1{=LHL84S z#cht)@~8o5q1);qJ4_i-RG_b|1R0KVOQ_61iNeIxa88THqE%b#D3)~r3tX_iB;DTBOX=U9Sju>qnEgIRZg4YDQz8WM#F!e0kuUv(jrw`} z_D$G8m1umpkLvIJ9AV(t@p+G?=5kDl=P>4mkJ3(EjW6f%?Gs3&2>3*+2GFrmk5A?* zbECYkT)A=rkkDu!HqPS-%^mrjUqB0fSnE{1r}(byC=qn_62Ok7q?8fa1!)bmx2G6R zeC13BNgkPKkuToEsb@38oG>^gZ(g@!z^Hi;&Si&uKlYjKJfZR*ZjXugY8Xz|sV3E$wlGw3mu)|B& zuV4S1ZZEJ@Ze(3*YHDkveoo|c z$5yNZ5Gr6?cWG131b9KnTWd1J^T-4GnuE_gvH7z1!Gi~Pq|R>nR*`5r+SjzzAoI?* z#GJc=3C}L(X#dC)#_xqYMVy3tM{@D~R7|;8o+X1qVOpE%JkV7W%uhm}6k_F}&MGCH z7`0G|@{Y=6N!CQaxj8aDbF?|wZ8hLZIa&)^$M=si7nuMM!d|}hTC0i;G?#YlASD#M z-Jws_jy_U&#v?b3HDNl1g-_DxX)zzd`rmif<~c#g0v=5s+-1gg$&5^RhP@>G7Z`D z=&$K$tFgszLwrigZ$pjI0R|CJlAqv_90-x{d3kAGzh9!;mB`T++LWo->Cd|n%ZQYe z6re9-Y@jVS{6{T?9BwWYuWRf+qNTMLIgd0&Vz8?qE&Tlb`!tDc_`cyAZr{MKJxIW?N&awo*9Od z?b?L8MqWvL!cNS6mTR?#CQC-~| zYHO)#GmjiOf=tS(m#!OS*EVq8xD91d-iX96?4IUxcqtM3&z-u9lB!+4#hya`@;`MV;Tbjl&$;e4XeFgBuxDI#m6o7|LD@jPZ(OkZ%7b~^(ULpowB7Bc0{W6DOi>m)t!X}?; z{B`SeP;CDIllMycMDh(%Bo{o=Nxcq=pAE;$P6FxMM52#d?DRThe1j$+a94$1ZqinW z`%?w}nmRh~dAcK2PeB}VLv9sLj??)gDfQ%%LRi**+iVK z%?yOQBTSoe1I<*lL{+mb+*MJc1II-OT$j{>4|ipQgM!xJ`?u$3%o-{6_IORID)SZ0 zB=_$$2M}UQ`5kzRTF2x$FuSv-$G*G6qJN3n8!Q!H-|sn^<5^YSQZA0FKs)#^53jjvn%)SZ(?uxsBO4kAPm*DgaO-6 zV>}7Ip2Gx;7>%k0DMU|t68p%Z&$%r+zzqKx?Cs1`70SBoWeABjt!Yo6ZnPoJT!e3N z?o#;!s!Qc3c38;sdW@X>^EuEop2;XKU0K5h4t+%NSXLxNN5j4B<74&mwZ7KG`r4#Tg?wc0h)pPAkohZneSQMaV zw*WL-iFJ&?9Z<=rlbO2JFq`KM>}CZkL8{gU}TUc1Y5x9T<{#9svc*S|)+1YmyL$DCQJn;u_Y8E9gE+N4S zKPIj;5#nl>@#7!v^}4-SLF6|CF+bHR9`}Qt!f7bE=1bA~F8ZP3AxiV%kYCbydjoI6BS6d-IK@454Q6ZP{@j=4i6s2fmk3<;2xsmrgWTBuf5R#v<97ZR_? zt<%!5At{enff)Yq-c3H-c?qU20cGVA#nA*0*0l1;Dd>h z0Q9bB4eV2chOCvTS-S;^Bo3Qs6o3{B6DzbFiMdOih407Qteb+yE_{~r*L z2R4L_w)p(`qytiu*guQ;2yIvvV9e9*5h^}EwX>$@ORgqz?A3lw{mWYFYxobf-jFBKMwu<_bn9;A`YPR?M1U(2EQU~BcmY_d-LR{e4sD; z`U-@IXU49B;+t0IAx*dh#3w?Aa4NgrH=H7HdJ~>~UC6#gNXQgkKJnt;zgJ;TJ=Z&} zB#CNl1!khWpDMYxr-PY#W3<0T1P(X@-@JW&jiaqDN8a+&qxDwZwONbTi2kad;iw6x z7PIt;Iz+9X{jDT?*68RcqQW;UOdTBn(-7OaN_`-`{bZOaS+2uRP-)l^wr4UJbvpAHHYNtB)s2bb6wWq6|-r`S3Abp0KC64Dv z&lhDz+@|~mVkcg(0ahf-uP)(UEon#bOm=9~VvG%S77#dQM5}H_kVO}4&$x;CGKeDy zu0C4Kno#F;>)As(0HtofR)(&bDd2-Tbu?aQKl9a4@wOs~U_w3(42d$a=(SU$MnwopC=GYW?wJ)f~c*O(^S)&){ zXZ-ZjPdl(iYq+_O!)wUvLt(xBDejPfmoc9F0RmkuRB9(o6_hcF5PT;3?Y3i;RoYJE z0pqT7GZ%5tGrF@2Vl^XI%beT6PjVTmdmHk~Kts1|+44ElS%j=XM8w633AarL?(Bwz2On8& z1&J$gbAfo6IVmueL2l0>5eUvnl;1xX{H~xNQajOrSZHKZpvG;>4vLp*2?rX(UwEXO z=0$88!h9nupPv<6#JQc)33J@!>+5S#gKcG=dAzPS3A4b>{op{$+9Egn%gAD5WA8!Y zU_mZG_d2vw?dZplo^V{F^v`{{l9GZjZ7vEe*pr@~PI&mTnRrqQGPz~!TVhK}nObBt z;sG)McBKgzBdVR332bv7;1d}crZmmz-{WgszR4}_wg1Md-X%#2+k$@KYIzSCb4f|b)^fi_ zN)M*f4=;}H>zj++gm`PZ2VmR&tbQg*#6*ul!C%TheuTJwad`oU1o3b0tA(oQfRU2A zEJ>HNZ|)&22iX3k^*47Z@67>CA79@~YVH?&Um&WKxp)3D8!O23z`mvECa-J|VdOWl zaFFh*XoxBG!)v%)VMq%tQMM9b9QPC5#hSrdB{~2vcAc<`6YYyVDez_)a zcQ?xa;J1qDo5{%V8F=y0$XoU;8fyeI7;pmKqjdnZX~x?KzgM&pEKwm3g(tQb?F96e z0&}JY6JxFBc;%8p1)m8>!s%3VmQx zoEy6O!hCPpq1A*Fp#txrGnqlVET1*fRgWc`EFn%iGuvI7U&+fDh%nvfW2g!>h1eGn z>F&^8z5sT92kcB(?LDwudZ2EfoXnjIgXuDmpB4i%E6KcU)BoL$g7n!o#uXr~Eu7}E z7sQYA3XSqu3Ph9g<%VEe299S9IjIWAyOuG3rd>X;6uZW($d`2F{M`A zsBmU{Hef^xg17D8E`-E&1q0|+<0aH-J%Z0qb%6YFPR=4KD2 zCiZ?d@}6!efLe%{d^iEU6yh<~rp&lz2cwi^CNXHi^sIzzc;Mv_tCMsE#!e%Aw96OnBCPw?Yq#d`K;~OKC-huAAFcgE^Po26A<}O+D8d-;ytSM%hauiQ8 z9A{QY&<&^h0)TpC^DtU2Ko-nl9t$`rgc+v5t1L-2RcC(?AK!Fg9&bJPWP>_wi~}B1 z431Oip~K_WrfT?0d8{VSgYUdcDKeB4{u|VX#~a-} zhLls+fkcC>){hT4K?^tdD3`1`lQp=C*x@#i7F<#eKa)r+mK)y+hdl)DeMe1302#Y& z!&?IRl(u8^kQ1}!F1`l~SHbG@;|o6gN_G-hgpKjANixUU9}={9^=hxqbM${egeX?< z`beE+O%$_;U1$u3!Bd!)J-7{T#G#rfXcq9xB-`5eRMt0&r3A+^F`ZE|+USIqf_Zy^jiEb9`Uk#X^e8esTq!3?_z%^Qfq?t=B zVqTZl^~Cf@$mo*Vp4qcE%Bb?cM9Z!;q|#U(3^bcx_3HeU(ot10>!@3N@^_&Ne9>dn z3D~ZGN1i5!Am7wk$C|A3(TN1rCC!QJ*B25hrTQnMdG6SGotQrx$QhP1v~g~-S+LV) z%$nO%RX61iS}J_<)oib39FbTT4++hak5dYF$T1eFv%jEA1_PNr2G{>syejLATbF(( zbxO?N8Qo6eXEW^V?In5PA)Y|n3+4TqdD(rK#uA4iO=(m8VN`Ay6WgGn(C2uE6yuye z1;hlt5vH%D+K}gMS{kt*rzdVZf@IO3I`^A^p}m90`s(t6*76k+*QTil;bPOw5W+%H zl^hEb6Vrky0DnI>^2L+-4MIbyFSOgu69r_a<)^KXkP<<46V2jLIG{qBhh(IroKUOq za_EWI5VsQ`_Jr7CKY%Z!GcwI+=#7+K_zsUfCS4e4V^O)~+$3P` zG`!(7oVGa)b3AxbfOurU<#6}&h#9DwZ%l{BNX|xW&zZ2Z&g@kL6_=#P>!uMGnbDO! zZVlE!j91{%NpR1_t9P7Ft97}-H`U`wPKPuM!f~cM;$%FJ6b%^PTjSam$jnn9AM}n3Bn>96Y98T+eTk1Y~X`fP2!isf)@o0qPI0m z&ttTS=wf(vwi@`Fpd)&0TXj-?6{3w6fImp497S_VD6?m#dDzHn0kd2GljyPwps$P$ zX%EvfvA6t?`c9Nz_K(%oACLjM3_>5H8vMX1Aw$S(sU#eciL3KI%h z6|EmhGuG53PKeORQ6sXHm$pA|-9T357WxMo+S+;G*KIKNm6AbRK0P|Fu)*gH+F2h}grNnu{5w-vr*K)nr)OWZHn1KM`5C<8KJUU~Smpwz7_4x(+Kz4_mxhshi z%%|4l^jtF{ivm>vhUkmqXL}Iq1f4KwPvY#pjzuR1#b5!)CL2)*3(~erL2H;CUbCYR z80ZgU$$;9Ogae*AHTI3Dy%e}Aq0$2O^jyaQb)-Ch!w zbz`5>BpPmt5b2F{jXH?e5Q(w*D3KI{bJS)6ocXPwXd9cG?P4J-L@-Oz`Pc~?g?Ov* z_jw8l$04WD)TBE_iEmS?=U90Ptu-Gp7&Or9NKk!c*KhG@5+UqsrAly=lN@8hxrlw1 zh&AFY5+*^K?jEQ{B3NJ?kAs&wE5oV#J_@LwbCcghRn8=LTD9FGy2I8VM^<6G-Jd%- ziESTcR%E}0B`|8p`bJydmKy*i!Bku^nftM#0^7_(Y|cJ))_}TOvq;z;x|$<(U}*r3 zY~VaA>TZ4Zco#oE|17Fhh&Bt+S4%-HHn o*j|LsIIl2^&GY}$FLo?#JDFR!ne8k7Um`Z@ezkoGdrw^aUqYuQVgLXD literal 0 HcmV?d00001 diff --git a/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-web Select -- prop renderValue.snap.png b/cypress/snapshots/web/components/Select/Select.component-test.tsx/plasma-web Select -- prop renderValue.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..f109cd042a6484797421f4b2ef3bc3bc3578b47f GIT binary patch literal 13890 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 { cy.get('[data-floating-ui-portal] > div').should('have.css', 'z-index', '10000'); }); + it('prop: renderValue', () => { + cy.viewport(400, 800); + + const Component = () => { + const [valueSingle, setValueSingle] = React.useState('paris'); + const [valueMultiple, setValueMultiple] = React.useState(['paris', 'lyon']); + + return ( + +
+ item.label.toUpperCase()} + /> +
+ +
+ +
+ item.label.toUpperCase()} + /> +
+
+ ); + }; + + mount(); + + cy.matchImageSnapshot(); + }); + it('basic logic', () => { cy.viewport(1000, 500); diff --git a/packages/plasma-new-hope/src/components/Select/ui/Target/ui/Textfield/Textfield.tsx b/packages/plasma-new-hope/src/components/Select/ui/Target/ui/Textfield/Textfield.tsx index be3e6f79fe..82618147cc 100644 --- a/packages/plasma-new-hope/src/components/Select/ui/Target/ui/Textfield/Textfield.tsx +++ b/packages/plasma-new-hope/src/components/Select/ui/Target/ui/Textfield/Textfield.tsx @@ -39,6 +39,18 @@ export const Textfield = forwardRef( ) => { const withArrowInverse = opened ? classes.arrowInverse : undefined; + const getValue = () => { + if (multiselect || !value) { + return ''; + } + + if (renderValue) { + return renderValue(valueToItemMap.get(value.toString())!); + } + + return valueToItemMap.get(value.toString())?.label || ''; + }; + const getChips = (): string[] => { if (multiselect && Array.isArray(value)) { if (value.length === 0) return []; @@ -87,7 +99,7 @@ export const Textfield = forwardRef( ref={ref} inputWrapperRef={inputWrapperRef} readOnly - value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''} + value={getValue()} size={size} view={view} labelPlacement={labelPlacement} diff --git a/packages/plasma-web/src/components/Select/Select.component-test.tsx b/packages/plasma-web/src/components/Select/Select.component-test.tsx index 1b50b03101..e499a8e60f 100644 --- a/packages/plasma-web/src/components/Select/Select.component-test.tsx +++ b/packages/plasma-web/src/components/Select/Select.component-test.tsx @@ -793,6 +793,69 @@ describe('plasma-web: Select', () => { cy.get('[data-floating-ui-portal] > div').should('have.css', 'z-index', '10000'); }); + it('prop: renderValue', () => { + cy.viewport(400, 800); + + const Component = () => { + const [valueSingle, setValueSingle] = React.useState('paris'); + const [valueMultiple, setValueMultiple] = React.useState(['paris', 'lyon']); + + return ( + +
+ item.label.toUpperCase()} + /> +
+ +
+ +
+ item.label.toUpperCase()} + /> +
+
+ ); + }; + + mount(); + + cy.matchImageSnapshot(); + }); + it('basic logic', () => { cy.viewport(1000, 500);