From 8243a2f9f8a12abc9a02526c3c61ca7043f0633f Mon Sep 17 00:00:00 2001 From: Jeremy Neal Date: Thu, 6 Apr 2023 10:50:50 -0400 Subject: [PATCH] Refactor(FilteredSearch): move files to folder, add storybook and e2e tests. (#3125) * Move files to folder, add storybook and e2e tests. * Add aria-label to TextInput, fix docs reference. * Update generated/components.json * test(vrt): update snapshots * replace createRef with useRef (#3124) * replace createRef with useRef * changeset * missed null * refactor(FilterList): add files to folder, add storybook and e2e tests. (#3122) * Reorganize FilterList files into folder, add storybook and e2e tests. * Update generated/components.json * test(vrt): update snapshots --------- Co-authored-by: radglob * Fix generated components. --------- Co-authored-by: radglob Co-authored-by: Matthew Costabile --- ...edSearch-Default-dark-colorblind-linux.png | Bin 0 -> 6523 bytes ...lteredSearch-Default-dark-dimmed-linux.png | Bin 0 -> 6510 bytes ...earch-Default-dark-high-contrast-linux.png | Bin 0 -> 6556 bytes .../FilteredSearch-Default-dark-linux.png | Bin 0 -> 6523 bytes ...edSearch-Default-dark-tritanopia-linux.png | Bin 0 -> 6523 bytes ...dSearch-Default-light-colorblind-linux.png | Bin 0 -> 6609 bytes ...arch-Default-light-high-contrast-linux.png | Bin 0 -> 6656 bytes .../FilteredSearch-Default-light-linux.png | Bin 0 -> 6608 bytes ...dSearch-Default-light-tritanopia-linux.png | Bin 0 -> 6609 bytes ...earch-Playground-dark-colorblind-linux.png | Bin 0 -> 6523 bytes ...redSearch-Playground-dark-dimmed-linux.png | Bin 0 -> 6510 bytes ...ch-Playground-dark-high-contrast-linux.png | Bin 0 -> 6556 bytes .../FilteredSearch-Playground-dark-linux.png | Bin 0 -> 6523 bytes ...earch-Playground-dark-tritanopia-linux.png | Bin 0 -> 6523 bytes ...arch-Playground-light-colorblind-linux.png | Bin 0 -> 6609 bytes ...h-Playground-light-high-contrast-linux.png | Bin 0 -> 6656 bytes .../FilteredSearch-Playground-light-linux.png | Bin 0 -> 6608 bytes ...arch-Playground-light-tritanopia-linux.png | Bin 0 -> 6609 bytes docs/content/FilteredSearch.mdx | 2 +- e2e/components/FilteredSearch.test.ts | 61 ++++++++++++++++++ generated/components.json | 43 ++++++------ script/generate-e2e-tests.js | 15 +++++ .../FilteredSearch.docs.json | 0 src/FilteredSearch/FilteredSearch.stories.tsx | 48 ++++++++++++++ src/{ => FilteredSearch}/FilteredSearch.tsx | 6 +- src/FilteredSearch/index.ts | 1 + 26 files changed, 153 insertions(+), 23 deletions(-) create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-linux.png create mode 100644 .playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-tritanopia-linux.png create mode 100644 e2e/components/FilteredSearch.test.ts rename src/{ => FilteredSearch}/FilteredSearch.docs.json (100%) create mode 100644 src/FilteredSearch/FilteredSearch.stories.tsx rename src/{ => FilteredSearch}/FilteredSearch.tsx (83%) create mode 100644 src/FilteredSearch/index.ts diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..765514455e544c68849a6527adb0f79c0401ea9a GIT binary patch literal 6523 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 SVzr?Y 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..765514455e544c68849a6527adb0f79c0401ea9a GIT binary patch literal 6523 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 SVZ-r*5umyoIST*|w@(~Bd_MKD zN=DC>X4Ayl1=IVC9WUD-1%4Da+^_BEcs+CrF=3w+eE0WrLDMaJg8BpcOw-RS zhU>;sM)z>}z6P0ZXw}7VP3EXBLy7nzR_-Z``uGf7xvkG4E zum5cVbep?K)o&UQ(YTWL?;`SYbKT|!Hv9B^Wbw$B2zJzq8`9z4a3My9rj6V$@&bQi zPXoZAejXZ;*BOXAkp4MBHKOxJLlC_)SMhit2&F>#6}oGerGplZ918}lP;jTroI!cS z*MvJFq5OP(5tvA4JFNl^okLGI_j<&qv@TQYj&4{GVx=0kN^MY`wlwQ8W|!U4KN>f=I^&PWj(c#pkw@9 z8UducP>4Z$xQ;0t0N|bLg-ym@?;J?@%I1KC`+^(`}{!`EDyVPy6ULSznS$&u0&kgj%d9$g0jFBYR`nPYT{!490e^1|VjNs3WV(2Goaf68lfi<;I{WkQ$Ro=aF$?k@X_V!6Bk{K3Rrik*^Ux)N)P_iH z8pPJt?$J#z!1vu8eDZq6NJ9*HyP7X=t_!EkP8z?2@!P<-)YPUuO^ba92M5-%0&@bV z$*__4@g6~fb0b%C%_bWjsI&~McRIyV7KDYkhqhHgkXoQrBfj~jQn;j-Jai6GXmwa* zfrc~eM#`v*WFDA{Z)(eP>G2T4{rU{;Z=4l_iMU3Ui*n3?EiEmI4|pOMg6x#^z>{8S zc#^!f)XS2+1?=j3uH#}e1ZHg(cR-=3Vrgg=TUdB8ePts}G3OXp^Ti;sZG4+#C6E!g3G6Qb4{bsT^Pxc1aL>zV&eZoP|<#9n8FX`6`1yxQY zFq_g7@OVEpBUBn*KaXM1U)>Zd=iKSDg^sOJlPF$v?`sWdky=BKpFs&DJLg3Sfi|$M z?c%x4XhaLUz#bYAqZnGg^Oo&9xZHoxORQIoDrYO0ESK)(p|fJF>zp^)MD6}GtVx@A zc5IuJ#2@$PFUv^2s5aGLNGEz~`fW+js66$Qj9gDz>h@&OjUKyU<$dxX7%@+8{4`?h zm~_M{0#l@|t-WC>DJjmuNeQz0FZq0$U)1!FsB72w&|>6(JXz^XMs43a?Ytb#2{yeU z3qQz=PHuyGMysMz`7l@M2FtvYc=Ecr%xo^Q{2~`zSZdv$(*4-T@3JHe)DlgK2cFuF z?Q`uNAt4 zG3pGJvdP!Dajzh-f&OFj%4!xNSyR1teEE6H%(IQkdS)|=MQq*j z7kXKnX!d4{?IUP&J|xt zB$GLdV?>FBKodmv6b0ePX^kuDD8ZI;uL!Q3kWs}PP(2(aDeuBbAW3WpW*e+Q6P29a zXxGlfYfRH}v!|+|zlaz0lBzbSbUF0+bW58^%i-zn(dkfkNb18~y7(JW8Rq2#i@^rS z)P9|kT_PtL>e$M$`W}esH5bROfNv20xI>szk`ie+K$wEzV&?(Ef1?KM-t>As0)--V zZq1ySdjIA)n4Hu=fl<-5tMIz0mCe4HlT%!~=6%yJ)-_a!3FDN&L{|JM(^Jg0)XhE{kAlD0}C&y%*x8z`F2&bh_P2w4f}mXG3Ch0nGW^m8frll z3I+OGaz`33M5#vk+;YF-01O5r8J_()^^g*YbYQhV{V?M4nF1y?NUQEGg<#eLKoRr@ ze<*i-O3!+Gd-F6rX{^QE?zu1hiI1;6`hxsMzf0O>)hKpI;jr%me3kPskaQKgJvWx0 zj?p3E!?l#JHWmB$`o<v_PFPuDRR*gWSUrQ)CtA_K3Xs;&z#0@;<3wwOY|Ra< p>5?^3w5G_`SA+k{d&!JtRiqYJTlwNB9o8w}#Ie&ytB*un`!_pB>em1O literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..423d2cce13f8873e9c8617f768c8251b0eff0f62 GIT binary patch literal 6656 zcmeHM`Bzid7QTp6MMT=A6fs~|`((9=V7G8vK(qmltaNZzIW6V%`G!@1|2eb(A%pKtH| z?Q`$VKM)n}ykgx7005jL_U<|a0FHX70n3*{l3zA%B0`-*`l0ZhKvnm86#%&NBX))U zm~~e>oLeb1P}|;_mdt)7S>%ZGUvbNMQ{u081~83!MpV2{{Nmm9u{9xxCB2z(f1-y^ z8cV<9ZoEfWk|<~>IA33TXd>^W!1ppr!ZZ{)Sd%Yrk`mi@#M4(koK7=_`?z~>TF7ta z&3x*%Yj>{rDJk6=t3&(sbn(qX3`hDMWYdP{517lK9%zf|aRh)J8$w;6$@#@d=(+fF z=m@~-y&twvNKhWR6O_so&CPk^=Zr8Ar;}%TBL8)^d#VyAGH98&<}2_skHxZI-E~}_ z&DaBO*t16@=>Slo4Tq4_PGUc3kZh!R~%uIi86N=Y=T36=mX?X2v+4NlLx(Tg4aUR9Xp zb+VavV}lQuBsbr+IC)FuO}s!P+Wi%AF3=%j2Z2;vR%;L%yceCw6y4JT7>CZ&ctuA>ee;zK6I=fSGUbHobyWT#S$e7YJ;|0 zPNUHU>$m(~oHg1`r&_bYpCqM`-MX7vL}u^Z(#8NAs_V7{o!~{LtX{jYLm8_CMGyDN zE=%dmN~KO6n9Wm^aFwxP`(bRd3ix;g^To5d*;+xfU|1+ao7>dEc1l;~Rv|gTE zF3+U-q!Mhlu}h>mla42eLT0S)gR;J-Y!50d*Q7*YO+!?ZtBe`VI9#;81));R$$bn% zBnBsd8HpM-m&HT{TQu$0y+vaM>B?@d08>?&klHZuvxdY?jDsZ9Hl-&g0N2HaAu@&9 zvD#F{!Ry|PpyijLO->vt4bANWWqptT<5XB5gzud^7II8K`6A=dP(y}-J!ciSt@PS5 z3e%E19(Sz8pkak(NdGnp@j+sLbs1(zU%|*}5uiCb9t^?Yp|O0@fjS5h|Cx2p=Ic=* z6->sNJ)-Vg-)E;G=Q<_fiGu=M>b=vWp9SXVAI^_8M^7spX%CJG)or1oQ}dVNXB)`u z($dl!egf;y3M^>0E=cfGWO+=iag)2A3R%3es$SevoBb^YmPm#cV>7 z30?F+gIU9qad^Ubku_hV_Q6`y2C?Lk<4zv=vvrkNlUpDGgBwm8)MmVnQ)0v~32dAy zaADlX6;0p9qd7*~+dR8lScu?a-+1m?|$jUP?h-0M;$LOx32-SJNlUA5K8_#)-`?W=?FR9 zF9-=ae5SuY+laZv3V)FUSS zW~46CXRa-TvDO0Z{~UWVeRS5H1s?F)?dGcukw@0`lE>44AHT0!^T7;9=@B)!qI$F->%1f{1lgNdtBM$${trA^EK9N$Iu3wuqv04)Q=Z2S6kSMC^{*Rkbtu!v6sX+4X1u literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Default-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f4f6786e979acca6fc5b3e077d76707e04295771 GIT binary patch literal 6608 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..765514455e544c68849a6527adb0f79c0401ea9a GIT binary patch literal 6523 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 SVzr?Y zXYX&HyRUo|zf_MK^sLp^1UMf8DgHOOj0Y51ziM}n>t?XIG!`!|d;|{6bM|b~m zm2#8IW!FpZKfAQ=(uT_cDP^^ZJKE&D?66O(1IiA59R0mls$0I7OX|j#0nV7F=^JN4 z(8O&XX?bs-7wf6`Xso-ncgRJQYqVm;%+9`6fu{?=wIL})U=Ld8;6Xnp(41fG3*M_Y z0t288NBis`=<{v=-+=P;B*D%ukj20Qc06{4aZmy;$Cr5Hxl9ICZ+QBz(I?8U{s_iQAY(Ak{lbrbU8O(U| zm7p_!4YxlfoDxjd>7Bw85)uk;ACzjYL(rX{VlunT9?cA7Ga4r4nGT`LkMD8f;TwnR zt~pO+PidbLy*#D!<&iwv$6z;Bw7t3g`=6vzDLyRh2IrRjoyp#!N)}SoTFuN5_^*QU zZlhNil;1E&DoCfYi%Xlb-P zFyXGG+pa3NhtLRPVhxFa;*`%M)qwH*&o8(Ej{oq$y05QKiPkBq`RM&ELIgSD@2`A( z#alJ2vVVDC3z)Jn=}aqNbk!6~OBm)k1c}L-ZZ#;~5A;u68R4?of~Iui3E$biCrWuO zd{&-_g3sQAVdNll%!R0G@{EX#qzF1!Lr|g{PwiliWK8Rc%g4RVRXV~#sClx=oT@&T zO7S4Z(S#E7D>|P%!_HQG^7gFxTW>Na>EcD*TYV)fj9evb5Q&j=0UZan`evjhm1LeB zo@pW<1pueMj3qx9TmIJ~e2*f*kxEoD=Y`HEN4U#-D=P5($^K4dyM>Mo@x$_{$7K!k zgH+1{_qa_9Gd^>J<@|*LwQhFGpO~9VN5R?{*Pq`(74gvWySsw&5?jdUwD-5Z9~Ejf zcm~HullH+XHgoAPdTXIUHfF7%YKCW|B46$Rs>%&c^FDKV4SS;#t2VVEA9)-j4 zm#-((jfzHOsxjsU7-$&7JQkWfb`EG!zh`eU;L6&%hQ zjk9r!ft2c%tc)Eq84<+rWJnxgToi@|rVH;gbY0>Qu7+{nqV%)~D@}vg!8W})&)kjI z3yphA%FsM&npw|u<1&|Ciqof;8XHcZxfc{a@r%itGq1jpZA36rUw;Ug8~N1ogHgg* z)WEvMr&RU01wpp@WVJ4e=0jz=#wzwjqaKHoYPI2QhIx%@gxOP}QVzLUdq|8KOfW-G zB+6JatQD`9xxa1~XzDesXDp@z$KJ&(hL4terw>QCdXWXhv^QFoVQS3W<3D;*(eSWU zy@=C2cDFvosiu1?+U9k`jVFhEC;GkD5A6-c;>6l6ai-J&KGEDgST8uHYpuO?Y{+r_ z`oX28f^)at1N7t&Nqu4=EfV#DqN~pBDJ`b-$-29bwPnb4RArS_VV97_I;UuzqDjuX zt2s#PMxEqa;E9Ub?SI^p*wY4HalyG@oEv~h-PONVApq!&gJ-FGhXLa_|T~l zwA(0G4u(OMBYca+QdU-0S6aL*Iq$S!$*-EZ#YJGo+Z0Dmd@MzlMaFC7wU4;&LZ$K1 zBbBP2rr{`93NS$~lz>QUH(fQZGXr=yoQHc{{6`-pE60l$2fuLjmYSU`huVN0I=yGT zCw+Mi&Rja9er3rE9221aVr59M`bX52Q*QpfG@r&Mj&y?=kyH5aD=a4gvr z{eamiy%vvYYR-;$7YY$^eZ|0!m?%tySobo4JzZzOdt!a3TbG7%B?PST*nqQ|n#-}*=RHL@@Oe|Kcu|7ueYEKep7keZsBO^r}@ z>5-a@$@?V$z=m#Ee)sNnc7F=*#O8dT=d$Oq&%+aP^PKPd zyx-^ZzW2QszdR7<^`Y;F004N!@85S20G7^z7w~%z@X4jEpW?x83GrauX8=>U=^X(0 zB**XDd#K>nl#_7hSUQXrK{=ZQL9KHD4%gErTvoalWQzck>ex^x~U>1-<`x&&gT^_JAsE??PYv0Ss(E z_#>zv_{07eO95cd=Kt?S)$o(vou?=%=z^E?RWSQ4Y;`#MN*vXXWQ|PI(n8zh(2Q3R zxf2;M`*Uc>tivc43IcJKO#pDby;9l;rIuSR@7B^#Mv{vlezbgzzSW;99sSl5_vXp| zAWL~fe|Sr?Dg-t_TQZ)G!=Y~P);Do;RP*8I-W+#~@K2qxd<;fvDCvCTlodIahRof6 z%Es$^&99s_m(JF{^A3zUgotY8Iggq8e0_YFJD8nZ`Bea@y%Xy{J7t`ITNRdhluYiI z(JRVrS@1o*c)Kmy%mHOw*9;IWYr)tzzVdW*&P|!4jfiEcu`^TidxHzKq$(JgI^Qhu zUW%rPrSH&MLXWQK*>0NbzKfGK$w9TCRiL_Bco&;pf+@JO8U-A<*<0#8XYm4nzIE#8 z|Cx)b;mIYP-}v9YEqOU}2a9=;jzmUBlwfm28D_INk>EHQ4)?HI6gwW#uV}gEp>?zQueIk(&}Hcz>9i`!oSgoZXM+PNe8j)IuJ!%VNtC241r)n*v?Q zkrk>q%_G>EF@_*xHJG-6wXW^fg!LG71f`wj5eiR5B3(0&*03{s;nJahC1A(<5|K#r z{OAU(66U88&t1n9r8yo~Nw$$EHK?d06en_CQ^H>^x{IKo2j#46tsWnBKw|u^$--e+EqXL*TBm?(0 z8%}&^2JZyBG^J-&B1!fOvch!xLyLlyKe+MJ-~AFkU&%JSODN@b*#E5 zvM3QLs6b*c>g7~*`_UM(t-e~WofHi@the@-4Vyf7)aJT5jP109@x@1OD{Fko2B7{8Qu zRd3M!$*Nf}JtTj@`+}3;zX{1j+0G literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..765514455e544c68849a6527adb0f79c0401ea9a GIT binary patch literal 6523 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 SVZ-r*5umyoIST*|w@(~Bd_MKD zN=DC>X4Ayl1=IVC9WUD-1%4Da+^_BEcs+CrF=3w+eE0WrLDMaJg8BpcOw-RS zhU>;sM)z>}z6P0ZXw}7VP3EXBLy7nzR_-Z``uGf7xvkG4E zum5cVbep?K)o&UQ(YTWL?;`SYbKT|!Hv9B^Wbw$B2zJzq8`9z4a3My9rj6V$@&bQi zPXoZAejXZ;*BOXAkp4MBHKOxJLlC_)SMhit2&F>#6}oGerGplZ918}lP;jTroI!cS z*MvJFq5OP(5tvA4JFNl^okLGI_j<&qv@TQYj&4{GVx=0kN^MY`wlwQ8W|!U4KN>f=I^&PWj(c#pkw@9 z8UducP>4Z$xQ;0t0N|bLg-ym@?;J?@%I1KC`+^(`}{!`EDyVPy6ULSznS$&u0&kgj%d9$g0jFBYR`nPYT{!490e^1|VjNs3WV(2Goaf68lfi<;I{WkQ$Ro=aF$?k@X_V!6Bk{K3Rrik*^Ux)N)P_iH z8pPJt?$J#z!1vu8eDZq6NJ9*HyP7X=t_!EkP8z?2@!P<-)YPUuO^ba92M5-%0&@bV z$*__4@g6~fb0b%C%_bWjsI&~McRIyV7KDYkhqhHgkXoQrBfj~jQn;j-Jai6GXmwa* zfrc~eM#`v*WFDA{Z)(eP>G2T4{rU{;Z=4l_iMU3Ui*n3?EiEmI4|pOMg6x#^z>{8S zc#^!f)XS2+1?=j3uH#}e1ZHg(cR-=3Vrgg=TUdB8ePts}G3OXp^Ti;sZG4+#C6E!g3G6Qb4{bsT^Pxc1aL>zV&eZoP|<#9n8FX`6`1yxQY zFq_g7@OVEpBUBn*KaXM1U)>Zd=iKSDg^sOJlPF$v?`sWdky=BKpFs&DJLg3Sfi|$M z?c%x4XhaLUz#bYAqZnGg^Oo&9xZHoxORQIoDrYO0ESK)(p|fJF>zp^)MD6}GtVx@A zc5IuJ#2@$PFUv^2s5aGLNGEz~`fW+js66$Qj9gDz>h@&OjUKyU<$dxX7%@+8{4`?h zm~_M{0#l@|t-WC>DJjmuNeQz0FZq0$U)1!FsB72w&|>6(JXz^XMs43a?Ytb#2{yeU z3qQz=PHuyGMysMz`7l@M2FtvYc=Ecr%xo^Q{2~`zSZdv$(*4-T@3JHe)DlgK2cFuF z?Q`uNAt4 zG3pGJvdP!Dajzh-f&OFj%4!xNSyR1teEE6H%(IQkdS)|=MQq*j z7kXKnX!d4{?IUP&J|xt zB$GLdV?>FBKodmv6b0ePX^kuDD8ZI;uL!Q3kWs}PP(2(aDeuBbAW3WpW*e+Q6P29a zXxGlfYfRH}v!|+|zlaz0lBzbSbUF0+bW58^%i-zn(dkfkNb18~y7(JW8Rq2#i@^rS z)P9|kT_PtL>e$M$`W}esH5bROfNv20xI>szk`ie+K$wEzV&?(Ef1?KM-t>As0)--V zZq1ySdjIA)n4Hu=fl<-5tMIz0mCe4HlT%!~=6%yJ)-_a!3FDN&L{|JM(^Jg0)XhE{kAlD0}C&y%*x8z`F2&bh_P2w4f}mXG3Ch0nGW^m8frll z3I+OGaz`33M5#vk+;YF-01O5r8J_()^^g*YbYQhV{V?M4nF1y?NUQEGg<#eLKoRr@ ze<*i-O3!+Gd-F6rX{^QE?zu1hiI1;6`hxsMzf0O>)hKpI;jr%me3kPskaQKgJvWx0 zj?p3E!?l#JHWmB$`o<v_PFPuDRR*gWSUrQ)CtA_K3Xs;&z#0@;<3wwOY|Ra< p>5?^3w5G_`SA+k{d&!JtRiqYJTlwNB9o8w}#Ie&ytB*un`!_pB>em1O literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..423d2cce13f8873e9c8617f768c8251b0eff0f62 GIT binary patch literal 6656 zcmeHM`Bzid7QTp6MMT=A6fs~|`((9=V7G8vK(qmltaNZzIW6V%`G!@1|2eb(A%pKtH| z?Q`$VKM)n}ykgx7005jL_U<|a0FHX70n3*{l3zA%B0`-*`l0ZhKvnm86#%&NBX))U zm~~e>oLeb1P}|;_mdt)7S>%ZGUvbNMQ{u081~83!MpV2{{Nmm9u{9xxCB2z(f1-y^ z8cV<9ZoEfWk|<~>IA33TXd>^W!1ppr!ZZ{)Sd%Yrk`mi@#M4(koK7=_`?z~>TF7ta z&3x*%Yj>{rDJk6=t3&(sbn(qX3`hDMWYdP{517lK9%zf|aRh)J8$w;6$@#@d=(+fF z=m@~-y&twvNKhWR6O_so&CPk^=Zr8Ar;}%TBL8)^d#VyAGH98&<}2_skHxZI-E~}_ z&DaBO*t16@=>Slo4Tq4_PGUc3kZh!R~%uIi86N=Y=T36=mX?X2v+4NlLx(Tg4aUR9Xp zb+VavV}lQuBsbr+IC)FuO}s!P+Wi%AF3=%j2Z2;vR%;L%yceCw6y4JT7>CZ&ctuA>ee;zK6I=fSGUbHobyWT#S$e7YJ;|0 zPNUHU>$m(~oHg1`r&_bYpCqM`-MX7vL}u^Z(#8NAs_V7{o!~{LtX{jYLm8_CMGyDN zE=%dmN~KO6n9Wm^aFwxP`(bRd3ix;g^To5d*;+xfU|1+ao7>dEc1l;~Rv|gTE zF3+U-q!Mhlu}h>mla42eLT0S)gR;J-Y!50d*Q7*YO+!?ZtBe`VI9#;81));R$$bn% zBnBsd8HpM-m&HT{TQu$0y+vaM>B?@d08>?&klHZuvxdY?jDsZ9Hl-&g0N2HaAu@&9 zvD#F{!Ry|PpyijLO->vt4bANWWqptT<5XB5gzud^7II8K`6A=dP(y}-J!ciSt@PS5 z3e%E19(Sz8pkak(NdGnp@j+sLbs1(zU%|*}5uiCb9t^?Yp|O0@fjS5h|Cx2p=Ic=* z6->sNJ)-Vg-)E;G=Q<_fiGu=M>b=vWp9SXVAI^_8M^7spX%CJG)or1oQ}dVNXB)`u z($dl!egf;y3M^>0E=cfGWO+=iag)2A3R%3es$SevoBb^YmPm#cV>7 z30?F+gIU9qad^Ubku_hV_Q6`y2C?Lk<4zv=vvrkNlUpDGgBwm8)MmVnQ)0v~32dAy zaADlX6;0p9qd7*~+dR8lScu?a-+1m?|$jUP?h-0M;$LOx32-SJNlUA5K8_#)-`?W=?FR9 zF9-=ae5SuY+laZv3V)FUSS zW~46CXRa-TvDO0Z{~UWVeRS5H1s?F)?dGcukw@0`lE>44AHT0!^T7;9=@B)!qI$F->%1f{1lgNdtBM$${trA^EK9N$Iu3wuqv04)Q=Z2S6kSMC^{*Rkbtu!v6sX+4X1u literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-linux.png b/.playwright/snapshots/components/FilteredSearch.test.ts-snapshots/FilteredSearch-Playground-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f4f6786e979acca6fc5b3e077d76707e04295771 GIT binary patch literal 6608 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 literal 0 HcmV?d00001 diff --git a/docs/content/FilteredSearch.mdx b/docs/content/FilteredSearch.mdx index fbe2b014830..ba20ba88690 100644 --- a/docs/content/FilteredSearch.mdx +++ b/docs/content/FilteredSearch.mdx @@ -4,7 +4,7 @@ title: FilteredSearch status: Alpha --- -import data from '../../src/FilteredSearch.docs.json' +import data from '../../src/FilteredSearch/FilteredSearch.docs.json' The FilteredSearch component helps style an ActionMenu and a TextInput side-by-side. diff --git a/e2e/components/FilteredSearch.test.ts b/e2e/components/FilteredSearch.test.ts new file mode 100644 index 00000000000..5b213d7dcac --- /dev/null +++ b/e2e/components/FilteredSearch.test.ts @@ -0,0 +1,61 @@ +import {test, expect} from '@playwright/test' +import {visit} from '../test-helpers/storybook' +import {themes} from '../test-helpers/themes' + +test.describe('FilteredSearch', () => { + test.describe('Default', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-filteredsearch--default', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`FilteredSearch.Default.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-filteredsearch--default', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + }) + + test.describe('Playground', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-filteredsearch--playground', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`FilteredSearch.Playground.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-filteredsearch--playground', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + }) +}) diff --git a/generated/components.json b/generated/components.json index 4ee40266620..fbae728c772 100644 --- a/generated/components.json +++ b/generated/components.json @@ -79,25 +79,6 @@ } ] }, - "filtered_search": { - "id": "filtered_search", - "name": "FilteredSearch", - "status": "alpha", - "a11yReviewed": false, - "stories": [], - "props": [ - { - "name": "children", - "type": "React.ReactNode", - "description": "FilteredSearch is expected to contain an `ActionMenu` followed by a `TextInput`." - }, - { - "name": "sx", - "type": "SystemStyleObject" - } - ], - "subcomponents": [] - }, "label_group": { "id": "label_group", "name": "LabelGroup", @@ -2065,6 +2046,30 @@ } ] }, + "filtered_search": { + "id": "filtered_search", + "name": "FilteredSearch", + "status": "alpha", + "a11yReviewed": false, + "stories": [ + { + "id": "components-filteredsearch--default", + "code": "() => (\n \n \n Filter\n \n \n Item 1\n Item 2\n Item 3\n \n \n \n \n \n)" + } + ], + "props": [ + { + "name": "children", + "type": "React.ReactNode", + "description": "FilteredSearch is expected to contain an `ActionMenu` followed by a `TextInput`." + }, + { + "name": "sx", + "type": "SystemStyleObject" + } + ], + "subcomponents": [] + }, "flash": { "id": "flash", "name": "Flash", diff --git a/script/generate-e2e-tests.js b/script/generate-e2e-tests.js index cf11e5ab41e..36b699cf56c 100644 --- a/script/generate-e2e-tests.js +++ b/script/generate-e2e-tests.js @@ -421,6 +421,21 @@ const components = new Map([ ], }, ], + [ + 'FilteredSearch', + { + stories: [ + { + id: 'components-filteredsearch--default', + name: 'Default', + }, + { + id: 'components-filteredsearch--playground', + name: 'Playground', + }, + ], + }, + ], [ 'FilterList', { diff --git a/src/FilteredSearch.docs.json b/src/FilteredSearch/FilteredSearch.docs.json similarity index 100% rename from src/FilteredSearch.docs.json rename to src/FilteredSearch/FilteredSearch.docs.json diff --git a/src/FilteredSearch/FilteredSearch.stories.tsx b/src/FilteredSearch/FilteredSearch.stories.tsx new file mode 100644 index 00000000000..6bd4f045e7e --- /dev/null +++ b/src/FilteredSearch/FilteredSearch.stories.tsx @@ -0,0 +1,48 @@ +import React from 'react' +import {Meta, ComponentStory} from '@storybook/react' +import FilteredSearch from './FilteredSearch' +import {ActionList} from '../ActionList' +import {ActionMenu} from '../ActionMenu' +import TextInput from '../TextInput' +import {SearchIcon} from '@primer/octicons-react' + +export default { + title: 'Components/FilteredSearch', + component: FilteredSearch, +} as Meta + +export const Default = () => ( + + + Filter + + + Item 1 + Item 2 + Item 3 + + + + + +) + +export const Playground: ComponentStory = args => ( + + + Filter + + + Item 1 + Item 2 + Item 3 + + + + + +) + +Playground.args = {} + +Playground.argTypes = {} diff --git a/src/FilteredSearch.tsx b/src/FilteredSearch/FilteredSearch.tsx similarity index 83% rename from src/FilteredSearch.tsx rename to src/FilteredSearch/FilteredSearch.tsx index 73d3c280ffd..ba0172cdc78 100644 --- a/src/FilteredSearch.tsx +++ b/src/FilteredSearch/FilteredSearch.tsx @@ -1,7 +1,7 @@ import styled from 'styled-components' -import {get} from './constants' -import sx, {SxProp} from './sx' -import {ComponentProps} from './utils/types' +import {get} from '../constants' +import sx, {SxProp} from '../sx' +import {ComponentProps} from '../utils/types' const FilteredSearch = styled.div` display: flex; diff --git a/src/FilteredSearch/index.ts b/src/FilteredSearch/index.ts new file mode 100644 index 00000000000..759088b2fe8 --- /dev/null +++ b/src/FilteredSearch/index.ts @@ -0,0 +1 @@ +export {default, FilteredSearchProps} from './FilteredSearch'