@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/umd/Dropdown/DropdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/DropdownContent.tsx"],"names":["DDContainer","styled","div","COLORS","white","props","Z_INDEXES","dropdown","neutral_100","Size","ItemsContainer","hover","active","focus","DropdownButtonCSS","ListContainer","neutral_600","neutral_500","MenuContentContainer","ComponentXLStyling","ComponentTextStyle","ComponentLStyling","ComponentMStyling","ComponentSStyling","DividerContainer","TopItemContainer","neutral_200","ActionButtonContainer","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","value","displayLabel","noteLabel","suggestion","showDividerAbove","disabled","icon","customContent","itemsType","menuContent","scrollable","multiSelect","maxHeight","actionLabel","actionIcon","actionLoading","actionDisabled","action","pinTopItem","onValueUpdate","items","isButton","customizationProps","alignLeft","isOpen","setIsOpen","id","filter","width","hideOnClickOutside","selectedValues","setSelectedValues","messageOnNoResults","focused","setFocused","DropdownContent","React","dropdownContentRef","size","itemsListRef","determineDropUp","options","node","windowHeight","window","menuHeight","Math","instOffsetWithMenu","setIsUp","setNewFocusedElement","index","newFocusedElement","elRefs","getFilteredItems","filtrationString","x","handleKeyDown","e","focusedNow","filtered","i","haveTopItem","document","handleClickOutside","scrollPosition","handleScroll","useLayoutEffect","getCorrectRef","ref","arrLength","setElRefs","Array","getSuggestions","focusThis","handleItemClick","newValue","item","selected","getTopItem","visibleItems","allSelected","y","showTopItem","suggestions","c","selectedFirst","newValues","fontSize","getElements","number","isUp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,QAAMA,WAAW,WAAXA,WAAW,GAAGC,2BAAOC,GAAuH;AACzJ;AACA;AACA,sBAAsBC,eAAOC,KAAM;AACnC;AACA,WAAYC,KAAD,IAAYA,KAAK,CAALA,KAAAA,GAAcA,KAAK,CAAnBA,KAAAA,GAA4B,MAAQ;AAC3D,aAAaC,oBAAUC,QAAS;AAChC,YAAaF,KAAD,IAAYA,KAAK,CAALA,QAAAA,GAAAA,MAAAA,GAA0B,SAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAKA,KAAD,IAAYA,KAAK,CAALA,SAAAA,GAAAA,YAAAA,GAAiC,EAAI;AACrD;AACA,IAAKA,KAAD,IAAYA,KAAK,CAALA,QAAAA,GAAAA,2CAAAA,GAAgD,EAAI;AACpE;AACA,sBAAsBF,eAAOK,WAAY;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAgBH,KAAD,IAAYA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,OAAAA,GAAqCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,OAAAA,GAAsC,OAAS;AAC/G,mBAAoBA,KAAD,IAAYA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,MAAAA,GAAoCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,KAAAA,GAAoC,KAAO;AAC9G;AACA,gBAAiBA,KAAD,IAAY,CAACA,KAAK,CAAN,UAAA,GAAA,MAAA,GAA6BA,KAAK,CAALA,SAAAA,GAAkBA,KAAK,CAAvBA,SAAAA,GAAoCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,OAAAA,GAAqCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,OAAAA,GAAsC,OAAS;AAnC1K,CAAA;AAsCP,QAAMK,cAAc,GAAGT,2BAAOC,GAAoB;AAClD;AACA,eAAeI,oBAAUK,KAAM;AAC/B;AACA;AACA;AACA,eAAeL,oBAAUM,MAAO;AAChC;AACA;AACA,eAAeN,oBAAUO,KAAM;AAC/B;AACA;AACA;AACA,MAAMR,KAAK,IAAIS,sCAAkBT,KAAK,CAAN,IAAjBS,CAA8B;AAb7C,IAAA;AAgBA,QAAMC,aAAa,GAAGd,2BAAOC,GAA+D;AAC5F,IAAKG,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,qBAAAA,GAA2C,EAAI;AAC/D,IAAKA,KAAD,IAAYA,KAAK,CAALA,SAAAA,IAAAA,QAAAA,GAAAA,mBAAAA,GAAoD,EAAI;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIK,cAAe;AACnB,mBAAmBL,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,KAAAA,GAAmCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,KAAAA,GAAoC,KAAO;AAC1G,sBAAsBA,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,KAAAA,GAAmCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,KAAAA,GAAoC,KAAO;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,eAAOK,WAAY;AACrC;AACA;AACA;AACA;AACA;AACA,kBAAkBL,eAAOa,WAAY;AACrC;AACA;AACA;AACA;AACA;AACA,kBAAkBb,eAAOc,WAAY;AACrC;AAzCA,CAAA;AA6CA,QAAMC,oBAAoB,GAAGjB,2BAAOC,GAAoB;AACxD;AACA;AACA;AACA,MAAMG,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4Bc,oCAAmBC,+BAAD,IAAlBD,EAA4ChB,eAA1B,WAAlBgB,CAAgE;AAC3G,MAAMd,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,IAA6BgB,mCAAkBD,+BAAD,IAAjBC,EAA2ClB,eAA1B,WAAjBkB,CAA+D;AAC3G,MAAMhB,KAAK,IAAI,CAACA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAnC,IAAA,KAA6CiB,mCAAkBF,+BAAD,IAAjBE,EAA2CnB,eAA1B,WAAjBmB,CAA+D;AAC3H,eAAejB,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAlCA,IAAAA,GAAAA,eAAAA,GAClBA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,eAAAA,GAA8C,eAAgB;AACpE;AACA;AACA;AACA;AACA;AACA,MAAMA,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4BgB,mCAAkBD,+BAAD,OAAjBC,EAA8ClB,eAA7B,WAAjBkB,CAAkE;AAC7G,MAAMhB,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,IAA6BiB,mCAAkBF,+BAAD,OAAjBE,EAA8CnB,eAA7B,WAAjBmB,CAAkE;AAC9G,MAAMjB,KAAK,IAAI,CAACA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAnC,IAAA,KAA6CkB,mCAAkBH,+BAAD,OAAjBG,EAA8CpB,eAA7B,WAAjBoB,CAAkE;AAC9H,eAAelB,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAlCA,IAAAA,GAAAA,UAAAA,GAClBA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,WAAAA,GAA0C,WAAY;AAC5D;AAnBA,CAAA;AAsBA,QAAMmB,gBAAgB,GAAGvB,2BAAOC,GAAoB;AACpD;AACA;AACA,gBAAgBG,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,GAAAA,MAAAA,GACnBA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,MAAAA,GAAAA,MAAAA,GACCA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAnC,IAACA,GAAD,KAACA,GAAmD,KAAM;AAChE;AACA;AACA;AACA;AACA;AAVA,CAAA;AAaA,QAAMoB,gBAAgB,GAAGxB,2BAAOC,GAAkB;AAClD;AACA,yBAAyBC,eAAOuB,WAAY;AAC5C;AACA;AACA;AACA;AACA,MAAMrB,KAAK,IAAIS,sCAAkBT,KAAK,CAAN,IAAjBS,CAA8B;AAC7C;AARA,CAAA;AAWA,QAAMa,qBAAqB,GAAG1B,2BAAOC,GAAkB;AACvD;AACA,sBAAsBC,eAAOuB,WAAY;AACzC;AACA;AACA,aAAarB,KAAK,IAAIA,KAAK,CAALA,IAAAA,IAAcI,YAAdJ,KAAAA,IAA4B,CAACA,KAAK,CAAlCA,IAAAA,GAAAA,UAAAA,GAAuD,UAAW;AACxF;AACA;AACA;AACA;AATA,CAAA;AAYA,QAAMuB,eAAe,GAArB,GAAA;AACA,QAAMC,iBAAiB,GAAvB,EAAA;;AAgDA,QAAMoC,eAAuD,GAAG,CAAC;AAAA,IAAA,EAAA;AAAA,IAAA,kBAAA;AAAA,IAAA,SAAA;AAAA,IAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,kBAAA;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAA,IAAA,MAAA;AAAA,IAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,cAAA;AAAA,IAAA,iBAAA;AAe/DH,IAAAA;AAf+D,GAAD,KAgB1D;AACJ,UAAM,CAAA,IAAA,EAAA,OAAA,IAAkBI,gBAAAA,QAAAA,CAAxB,KAAwBA,CAAxB;;AACA,UAAMC,kBAAkB,GAAGD,gBAAAA,MAAAA,CAA3B,IAA2BA,CAA3B;;AAEA,QAAI,CAACd,kBAAkB,CAAvB,SAAA,EAAmCA,kBAAkB,CAAlBA,SAAAA,GAAAA,QAAAA;AACnC,QAAI,CAAJ,IAAA,EAAWgB,IAAI,GAAG3D,YAAP2D,KAAAA;;AAEX,UAAMC,YAAY,GAAGH,gBAAAA,MAAAA,CAArB,IAAqBA,CAArB;;AAEA,UAAMI,eAAe,GAAG,MAAM;AAC5B,YAAMC,OAAO,GAAGnB,kBAAkB,CAAlC,KAAA;AACA,YAAMoB,IAAI,GAAGL,kBAAkB,CAA/B,OAAA;AAEA,UAAI,CAAJ,IAAA,EAAW;AAEX,YAAMM,YAAY,GAAGC,MAAM,CAA3B,WAAA;AACA,YAAMC,UAAU,GAAGC,IAAI,CAAJA,GAAAA,CAAAA,eAAAA,EAA0BL,OAAO,CAAPA,MAAAA,GAA7C,iBAAmBK,CAAnB;AACA,YAAMC,kBAAkB,GAAGL,IAAI,CAAJA,qBAAAA,GAAAA,GAAAA,GAA3B,UAAA;AACAM,MAAAA,OAAO,CAACD,kBAAkB,IAA1BC,YAAO,CAAPA;AATF,KAAA;;AAYA,UAAMC,oBAAoB,GAAIC,KAAD,IAAmB;AAC9C,YAAMC,iBAAiB,GAAGC,MAAM,CAAhC,KAAgC,CAAhC;;AACA,UAAA,iBAAA,EAAuB;AACrBlB,QAAAA,UAAU,CAAVA,KAAU,CAAVA;AACAiB,QAAAA,iBAAiB,EAAjBA,OAAAA,EAAAA,KAAAA;AACD;AALH,KAAA;;AAQA,UAAME,gBAAgB,GAAG,MAAM;AAC7B,YAAMC,gBAAgB,GAAG,CAAC3B,MAAM,IAAP,EAAA,EAAzB,WAAyB,EAAzB;AACA,aAAOL,kBAAkB,CAAlBA,KAAAA,CAAAA,MAAAA,CAAiCiC,CAAD,IAAOA,CAAC,EAADA,KAAAA,EAAAA,WAAAA,GAAAA,QAAAA,CAAAA,gBAAAA,KAAsDA,CAAC,EAADA,YAAAA,EAAAA,WAAAA,GAAAA,QAAAA,CAApG,gBAAoGA,CAA7FjC,CAAP;AAFF,KAAA;;AAKA,UAAMkC,aAAa,GAAIC,CAAD,IAAY;AAChC,UAAA,MAAA,EAAY;AACV,YAAIA,CAAC,CAADA,OAAAA,KAAJ,EAAA,EAAsB;AACpBA,UAAAA,CAAC,CAADA,cAAAA;AACA,cAAIC,UAAU,GAAd,OAAA;;AACA,cAAIA,UAAU,KAAVA,SAAAA,IAA4BA,UAAU,KAAtCA,IAAAA,IAAmDA,UAAU,GAAjE,CAAA,EAAuE;AACrE,kBAAMC,QAAQ,GAAGN,gBAAjB,EAAA;;AACA,iBAAK,IAAIO,CAAC,GAAGF,UAAU,GAAvB,CAAA,EAA6BE,CAAC,GAA9B,CAAA,EAAoCA,CAApC,EAAA,EAAyC;AACvC,kBAAI,CAACD,QAAQ,CAACC,CAAC,GAAVD,CAAQ,CAARA,EAAL,QAAA,EAAgC;AAC9BD,gBAAAA,UAAU,GAAVA,CAAAA;AACA;AACD;AACF;;AACDT,YAAAA,oBAAoB,CAApBA,UAAoB,CAApBA;AACD;AAZH,SAAA,MAaO,IAAIQ,CAAC,CAADA,OAAAA,KAAJ,EAAA,EAAsB;AAC3BA,UAAAA,CAAC,CAADA,cAAAA;AACA,cAAIC,UAAU,GAAd,OAAA;;AACA,cAAIA,UAAU,KAAVA,SAAAA,IAA4BA,UAAU,KAA1C,IAAA,EAAqD;AACnD,kBAAMC,QAAQ,GAAGN,gBAAjB,EAAA;;AACA,iBAAK,IAAIO,CAAC,GAAGF,UAAU,GAAvB,CAAA,EAA6BE,CAAC,IAAID,QAAQ,CAA1C,MAAA,EAAmDC,CAAnD,EAAA,EAAwD;AACtD,kBAAI,CAACD,QAAQ,CAACC,CAAC,GAAVD,CAAQ,CAARA,EAAL,QAAA,EAAgC;AAC9BD,gBAAAA,UAAU,GAAVA,CAAAA;AACA;AACD;AACF;AAPH,WAAA,MAQO;AACLA,YAAAA,UAAU,GAAGG,WAAW,KAAA,CAAA,GAAxBH,CAAAA;AACD;;AACDT,UAAAA,oBAAoB,CAApBA,UAAoB,CAApBA;AAdK,SAAA,MAeA,IAAIQ,CAAC,CAADA,OAAAA,KAAJ,CAAA,EAAqB;AAC1BA,UAAAA,CAAC,CAADA,cAAAA;AACA,cAAIC,UAAU,GAAd,OAAA;;AACA,cAAIA,UAAU,KAAVA,SAAAA,IAA4BA,UAAU,KAA1C,IAAA,EAAqD;AACnDA,YAAAA,UAAU;AACV,kBAAMP,iBAAiB,GAAGW,QAAQ,CAARA,cAAAA,CAAyB,GAAEpC,EAAG,IAAGgC,UAA3D,EAA0BI,CAA1B;;AACA,gBAAI,CAAJ,iBAAA,EAAwB;AACtBb,cAAAA,oBAAoB,CAApBA,CAAoB,CAApBA;AADF,aAAA,MAEO;AACLA,cAAAA,oBAAoB,CAApBA,UAAoB,CAApBA;AACD;AAPH,WAAA,MAQO;AACLf,YAAAA,UAAU,CAAVA,IAAU,CAAVA;AACD;AAbI,SAAA,MAcA,IAAIuB,CAAC,CAADA,OAAAA,KAAJ,EAAA,EAAsB;AAC3BhC,UAAAA,SAAS,CAATA,KAAS,CAATA;AACAS,UAAAA,UAAU,CAFiB,IAEjB,CAAVA,CAF2B,CAI3B;;AACA;AACR;AACA;AACA;AACA;AACA;AACO;AACF;AAxDH,KAAA;;AA2DA,UAAM6B,kBAAkB,GAAIN,CAAD,IAAY;AACrC,UAAI5B,kBAAkB,IAAIQ,kBAAkB,EAAxCR,OAAAA,IAAqD,CAACQ,kBAAkB,CAAlBA,OAAAA,CAAAA,QAAAA,CAAoCoB,CAAC,CAA3F5B,MAAsDQ,CAAtDR,IAAuG,CAACuB,MAAM,CAANA,IAAAA,CAAaG,CAAD,IAAOA,CAAC,EAADA,OAAAA,EAAAA,QAAAA,CAAqBE,CAAC,CAArJ,MAA+HF,CAAnBH,CAA5G,EAAgK;AAC9J,YAAA,MAAA,EAAY;AACV3B,UAAAA,SAAS,CAATA,KAAS,CAATA;AACAS,UAAAA,UAAU,CAAVA,IAAU,CAAVA;AACD;AACF;AANH,KAAA;;AASAE,oBAAAA,SAAAA,CAAgB,MAAM;AACpB0B,MAAAA,QAAQ,CAARA,gBAAAA,CAAAA,SAAAA,EAAAA,aAAAA;AACAA,MAAAA,QAAQ,CAARA,gBAAAA,CAAAA,OAAAA,EAAAA,kBAAAA;AACA,aAAO,MAAM;AACXA,QAAAA,QAAQ,CAARA,mBAAAA,CAAAA,SAAAA,EAAAA,aAAAA;AACAA,QAAAA,QAAQ,CAARA,mBAAAA,CAAAA,OAAAA,EAAAA,kBAAAA;AAFF,OAAA;AAHF1B,KAAAA;;AASA,UAAM4B,cAAc,GAAG5B,gBAAAA,MAAAA,CAAvB,CAAuBA,CAAvB;;AACA,UAAM6B,YAAY,GAAG,MAAM;AACzBD,MAAAA,cAAc,CAAdA,OAAAA,GAAyBzB,YAAY,CAAZA,OAAAA,EAAzByB,SAAAA;AADF,KAAA;;AAGAE,gCAAgB,MAAM;AACpB,UAAI3B,YAAY,CAAhB,OAAA,EAA0BA,YAAY,CAAZA,OAAAA,CAAAA,SAAAA,GAAiCyB,cAAc,CAAdA,OAAAA,IAAjCzB,CAAAA;AADb,KAAf2B,EAEG,CAFHA,cAEG,CAFHA;;AAIA,UAAMC,aAAa,GAAIC,GAAD,IAAqE;AACzF,cAAQ9C,kBAAkB,CAA1B,SAAA;AACE,aAAA,QAAA;AACE,iBAAQ8C,GAAD,IAAA,aAAP,uBAAA;;AACF;AACE,iBAAQA,GAAD,IAAA,aAAP,uBAAA;AAJJ;AADF,KAAA;;AASA,UAAMC,SAAS,GAAGhB,gBAAgB,GAAlC,MAAA;;AACA,UAAM,CAAA,MAAA,EAAA,SAAA,IAAsBjB,gBAAAA,QAAAA,CAA5B,EAA4BA,CAA5B;;AAEAA,oBAAAA,SAAAA,CAAgB,MAAM;AACpBkC,MAAAA,SAAS,CAAElB,MAAD,IACRmB,KAAK,CAACF,SAAS,GAAfE,CAAK,CAALA,CAAAA,IAAAA,CAAAA,IAAAA,EAAAA,GAAAA,CAEO,CAAA,CAAA,EAAA,CAAA,KAAUJ,aAAa,CAACf,MAAM,CAHvCkB,CAGuC,CAAP,CAF9BC,CADO,CAATD;AADFlC,KAAAA,EAMG,CAAA,MAAA,EAAA,SAAA,EANHA,cAMG,CANHA;;AAQAA,oBAAAA,SAAAA,CAAgB,MAAM;AACpBI,MAAAA,eAAe;AADjBJ,KAAAA,EAEG,CAFHA,MAEG,CAFHA;;AAIA,UAAMyB,WAAW,GAAG,MAAM;AACxB,UAAIvC,kBAAkB,CAAlBA,SAAAA,IAAAA,OAAAA,IAAAA,cAAAA,IAA6DQ,cAAc,EAAdA,MAAAA,GAAjE,CAAA,EAA6F,OAA7F,IAA6F,CAA7F,KACK,IAAIR,kBAAkB,CAAlBA,SAAAA,IAAAA,UAAAA,KAA+CA,kBAAkB,CAAlBA,WAAAA,IAAkCQ,cAAc,EAAdA,MAAAA,GAArF,CAAIR,CAAJ,EAAkH,OAAlH,IAAkH,CAAlH,KACA,IAAIA,kBAAkB,CAAlBA,SAAAA,IAAAA,QAAAA,IAA4CkD,cAAc,IAAdA,MAAAA,GAAhD,CAAA,EAA8E,OAAA,IAAA;AACnF,aAAA,KAAA;AAJF,KAAA;;AAOA,UAAMA,cAAc,GAAG,MAAM;AAC3B,aAAOnB,gBAAgB,GAAhBA,MAAAA,CAA2BE,CAAD,IAAOA,CAAC,CAAzC,UAAOF,CAAP;AADF,KAAA;;AAIAjB,oBAAAA,eAAAA,CAAsB,MAAM;AAC1B,UAAIZ,MAAM,KAAKS,OAAO,IAAIA,OAAO,IAAjC,CAAU,CAAV,EAAyC;AACvC,cAAMwC,SAAS,GAAGxC,OAAO,IAAPA,CAAAA,IAAgB,CAAC4B,WAAjB5B,EAAAA,GAAAA,CAAAA,GAAlB,OAAA;AACA,YAAIwC,SAAS,IAAb,OAAA,EAA0BvC,UAAU,CAAVA,SAAU,CAAVA;AAC1B,cAAMiB,iBAAiB,GAAGC,MAAM,CAAhC,SAAgC,CAAhC;AACAD,QAAAA,iBAAiB,EAAjBA,OAAAA,EAAAA,KAAAA;AAJF,OAAA,MAKOjB,UAAU,CANS,IAMT,CAAVA,CANmB,CAMD;;AAN3BE,KAAAA,EAOG,CAPHA,MAOG,CAPHA;;AASA,UAAMsC,eAAe,GAAG,CAAA,QAAA,EAAA,IAAA,KAA2C;AAC/D,UAAIC,QAAkB,GAAtB,EAAA;;AACA,UAAIrD,kBAAkB,CAAtB,WAAA,EAAoC;AAClC,YAAA,QAAA,EAAcqD,QAAQ,GAAG,CAAC,GAAD,cAAA,EAAoBC,IAAI,CAAjD,KAAyB,CAAXD,CAAd,KACKA,QAAQ,GAAG7C,cAAc,CAAdA,MAAAA,CAAuByB,CAAD,IAAOA,CAAC,IAAIqB,IAAI,CAAjDD,KAAW7C,CAAX6C;AAFP,OAAA,MAGOA,QAAQ,GAAGE,QAAQ,GAAG,CAACD,IAAI,CAAR,KAAG,CAAH,GAAnBD,EAAAA;;AAEP5C,MAAAA,iBAAiB,CAAjBA,QAAiB,CAAjBA;AACA,UAAGT,kBAAkB,CAAlBA,aAAAA,IAAoCA,kBAAkB,CAAlBA,aAAAA,CAAvC,QAAuCA,CAAvC,EACEG,SAAS,CAATA,KAAS,CAATA;AATN,KAAA;;AAYA,UAAMqD,UAAU,GAAG,MAAM;AACvB,UAAI,CAACxD,kBAAkB,CAAvB,UAAA,EAAoC;AACpC,YAAMyD,YAAY,GAAG1B,gBAArB,EAAA;AACA,YAAM2B,WAAW,GAAGlD,cAAc,EAAdA,MAAAA,CAAwByB,CAAD,IAAOwB,YAAY,CAAZA,IAAAA,CAAmBE,CAAD,IAAOA,CAAC,CAADA,KAAAA,IAAvDnD,CAA8BiD,CAA9BjD,EAAAA,MAAAA,IAAgFiD,YAAY,CAAhH,MAAA;AACA,UAAIG,WAAW,GAAf,KAAA;AACA,YAAMC,WAAW,GAAGX,cAApB,EAAA;AACA,YAAMvE,YAAY,GAAG6B,cAAc,CAAdA,CAAc,CAAdA,GAAoBR,kBAAkB,CAAlBA,KAAAA,EAAAA,IAAAA,CAAgC8D,CAAD,IAAOA,CAAC,CAADA,KAAAA,KAAYtD,cAAc,CAAhER,CAAgE,CAAhEA,GAApBQ,YAAAA,GAArB,SAAA;AACA,UAAIR,kBAAkB,CAAlBA,SAAAA,IAAAA,OAAAA,IAAAA,cAAAA,IAA6DQ,cAAc,EAAdA,MAAAA,GAAjE,CAAA,EAA6FoD,WAAW,GAAxG,IAA6FA,CAA7F,KACK,IAAI5D,kBAAkB,CAAlBA,SAAAA,IAAAA,UAAAA,KAA+CA,kBAAkB,CAAlBA,WAAAA,IAAkCQ,cAAc,EAAdA,MAAAA,GAArF,CAAIR,CAAJ,EAAkH4D,WAAW,GAA7H,IAAkHA,CAAlH,KACA,IAAI5D,kBAAkB,CAAlBA,SAAAA,IAAAA,QAAAA,IAA4C6D,WAAW,CAAXA,MAAAA,GAAhD,CAAA,EAAwED,WAAW,GAAXA,IAAAA;AAE7E,UAAI,CAAJ,WAAA,EAAkB;AAElB,YAAMG,aAAa,GAAGvD,cAAc,CAAdA,MAAAA,GAAAA,CAAAA,GAA4BiD,YAAY,CAAZA,IAAAA,CAAkBxB,CAAC,IAAIA,CAAC,CAADA,KAAAA,IAAWzB,cAAc,CAA5EA,CAA4E,CAAhDiD,CAA5BjD,GAAtB,IAAA;AAEA,aAAA,aACE,gBAAA,aAAA,CAAA,gBAAA,EAAA;AAAkB,QAAA,IAAI,EAAEQ;AAAxB,OAAA,EACGhB,kBAAkB,CAAlBA,SAAAA,IAAAA,OAAAA,IAAAA,aACC,gBAAA,aAAA,CAAA,wBAAA,EAAA;AACE,QAAA,GAAG,EAAE8B,MAAM,CADb,CACa,CADb;AAEE,QAAA,4BAA4B,EAF9B,IAAA;AAGE,QAAA,MAAM,EAAE,MAAM,CAHhB,CAAA;AAGoB,QAAA,KAAK,EAAEiC,aAAa,EAAbA,YAAAA,IAA+BA,aAAa,EAHvE,KAAA;AAIE,QAAA,IAAI,EAJN,IAAA;AAKE,QAAA,EAAE,EAAG,GAAE3D,EALT,UAAA;AAME,QAAA,QAAQ,EAAE;AANZ,OAAA,CAFJ,EAWGJ,kBAAkB,CAAlBA,SAAAA,IAAAA,UAAAA,IAAAA,aACC,gBAAA,aAAA,CAAA,qBAAA,EAAA;AACE,QAAA,GAAG,EAAE8B,MAAM,CADb,CACa,CADb;AAEE,QAAA,MAAM,EAAGyB,QAAD,IAAuB;AAC7B,cAAI,CAACvD,kBAAkB,CAAvB,WAAA,EAAqC;AAErC,gBAAMgE,SAAS,GAAGT,QAAQ,GAAGE,YAAY,CAAZA,GAAAA,CAAkBxB,CAAD,IAAOA,CAAC,CAA5B,KAAGwB,CAAH,GAA1B,EAAA;AACAhD,UAAAA,iBAAiB,CAAjBA,SAAiB,CAAjBA;AACA,cAAGT,kBAAkB,CAAlBA,aAAAA,IAAoCA,kBAAkB,CAAlBA,aAAAA,CAAvC,SAAuCA,CAAvC,EACEG,SAAS,CAATA,KAAS,CAATA;AARN,SAAA;AAUE,QAAA,4BAA4B,EAV9B,IAAA;AAWE,QAAA,YAAY,EAAEH,kBAAkB,CAAlBA,WAAAA,IAAkC,CAAlCA,WAAAA,IAAkDQ,cAAc,EAAdA,MAAAA,GAXlE,CAAA;AAYE,QAAA,IAAI,EAZN,IAAA;AAaE,QAAA,EAAE,EAAG,GAAEJ,EAbT,qBAAA;AAcE,QAAA,KAAK,EAAEJ,kBAAkB,CAAlBA,WAAAA,GAAAA,YAAAA,GAAiD+D,aAAa,EAAbA,YAAAA,IAA+BA,aAAa,EAdtG,KAAA;AAeE,QAAA,QAAQ,EAAE,CAAC/D,kBAAkB,CAAnB,WAAA,IAAmC0D;AAf/C,OAAA,CAZJ,EA8BG1D,kBAAkB,CAAlBA,SAAAA,IAAAA,QAAAA,IAAAA,aACC,gBAAA,aAAA,CAAA,gBAAA,QAAA,EAAA,IAAA,EACG,WAAW,CAAX,GAAA,CAAiBiC,CAAD,IAAA,aACjB,gBAAA,aAAA,CAAA,QAAA,EAAA;AACI,QAAA,GAAG,EAAEH,MAAM,CADf,CACe,CADf;AAEI,QAAA,IAAI,EAFR,QAAA;AAGI,QAAA,EAAE,EAAG,GAAE1B,EAHX,UAAA;AAII,QAAA,GAAG,EAAG,GAAEA,EAAG,YAAW6B,CAAC,CAACvD,KAJ5B,EAAA;AAKI,QAAA,OAAO,EAAGyD,CAAD,IAAY;AACnBnC,UAAAA,kBAAkB,CAAlBA,aAAAA,CAAiC,CAACiC,CAAC,CAAnCjC,KAAiC,CAAjCA;AACAS,UAAAA,iBAAiB,CAAC,CAACwB,CAAC,CAApBxB,KAAkB,CAAD,CAAjBA;AACAN,UAAAA,SAAS,CAATA,KAAS,CAATA;AACAS,UAAAA,UAAU,CAAVA,IAAU,CAAVA;AACD;AAVL,OAAA,EAAA,aAWI,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC;AAAf,OAAA,EACGqB,CAAC,EAADA,IAAAA,IAAAA,aAAW,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC;AAAf,OAAA,EAA4BA,CAAC,EAD3C,IACc,CADd,EAAA,aAEE,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC;AAAf,OAAA,EACGA,CAAC,EAADA,YAAAA,IAAmBA,CAAC,EADvB,KAAA,EAEGA,CAAC,EAADA,SAAAA,IAAAA,aAAgB,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAEgC,UAAAA,QAAQ,EAAE;AAAZ;AAAZ,OAAA,EAAmChC,CAAC,CAjDrE,SAiDiC,CAFnB,CAFF,CAXJ,CADC,CADH,CA/BJ,CADF;AAfF,KAAA;;AA0EA,UAAMiC,WAAW,GAAG,MAAM;AACxB,UAAInC,gBAAgB,GAAhBA,MAAAA,KAAJ,CAAA,EAAqC;AACnC,eAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,UAAA,IAAI,EAAEf;AAAtB,SAAA,EAAA,aACE,gBAAA,aAAA,CAAA,QAAA,EAAA;AAAQ,UAAA,SAAS,EAAjB,gBAAA;AAAmC,UAAA,QAAQ,EAAA;AAA3C,SAAA,EAAA,aACE,gBAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAHN,kBAGM,CADF,CADF,CADF;AAOD;;AACD,UAAImD,MAAM,GAAV,CAAA;AACA,aAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,QAAA,IAAI,EAAEnD;AAAtB,OAAA,EACG,gBAAgB,GAAhB,MAAA,CACUiB,CAAD,IAAOA,CAAC,KAAKjC,kBAAkB,CAAlBA,SAAAA,IAAAA,QAAAA,IAA4C,CAACiC,CAAC,CADpE,UACiB,CADjB,EAAA,GAAA,CAEOqB,IAAD,IAAU;AACb,eAAA,aACE,gBAAA,aAAA,CAAA,gBAAA,QAAA,EAAA;AAAgB,UAAA,GAAG,EAAG,OAAMlD,EAAG,IAAGkD,IAAI,CAAC5E,KAAM;AAA7C,SAAA,EACC4E,IAAI,CADL,aAAA,EAEC,CAACA,IAAI,CAAL,aAAA,IAAuBtD,kBAAkB,CAAlBA,SAAAA,IAAvB,OAAA,IAAA,aACG,gBAAA,aAAA,CAAA,wBAAA,EAAA;AACE,UAAA,MAAM,EAAGuD,QAAD,IAAsBH,eAAe,CAAA,QAAA,EAD/C,IAC+C,CAD/C;AAEE,UAAA,GAAG,EAAEtB,MAAM,CAACqC,MAAM,GAFpB,CAEa,CAFb;AAGE,UAAA,IAAI,EAHN,IAAA;AAIE,UAAA,4BAA4B,EAJ9B,IAAA;AAKE,UAAA,QAAQ,EAAEb,IAAI,EALhB,QAAA;AAME,UAAA,GAAG,EAAG,OAAMlD,EAAG,IAAG+D,MAAM,EAN1B,EAAA;AAOE,UAAA,EAAE,EAAG,GAAE/D,EAAG,IAAG+D,MAAM,GAAG,CAPxB,EAAA;AAQE,UAAA,KAAK,EAAEb,IAAI,CAAJA,YAAAA,IAAqBA,IAAI,CARlC,KAAA;AASE,UAAA,QAAQ,EAAE9C,cAAc,EAAdA,QAAAA,CAAyB8C,IAAI,CAA7B9C,KAAAA;AATZ,SAAA,CAHJ,EAeC,CAAC8C,IAAI,CAAL,aAAA,IAAuBtD,kBAAkB,CAAlBA,SAAAA,IAAvB,UAAA,IAAA,aACG,gBAAA,aAAA,CAAA,qBAAA,EAAA;AACE,UAAA,MAAM,EAAGuD,QAAD,IAAsBH,eAAe,CAAA,QAAA,EAD/C,IAC+C,CAD/C;AAEE,UAAA,4BAA4B,EAF9B,IAAA;AAGE,UAAA,QAAQ,EAAEE,IAAI,EAHhB,QAAA;AAIE,UAAA,GAAG,EAAExB,MAAM,CAACqC,MAAM,GAJpB,CAIa,CAJb;AAKE,UAAA,IAAI,EALN,IAAA;AAME,UAAA,GAAG,EAAG,OAAM/D,EAAG,IAAG+D,MAAM,EAN1B,EAAA;AAOE,UAAA,EAAE,EAAG,GAAE/D,EAAG,IAAG+D,MAAM,GAAG,CAPxB,EAAA;AAQE,UAAA,KAAK,EAAEb,IAAI,CAAJA,YAAAA,IAAqBA,IAAI,CARlC,KAAA;AASE,UAAA,QAAQ,EAAE9C,cAAc,EAAdA,QAAAA,CAAyB8C,IAAI,CAA7B9C,KAAAA;AATZ,SAAA,CAhBJ,EA4BC,CAAC8C,IAAI,CAAL,aAAA,KAAwBtD,kBAAkB,CAAlBA,SAAAA,IAAAA,QAAAA,IAA4C,CAACA,kBAAkB,CAAvF,SAAA,KAAA,aACG,gBAAA,aAAA,CAAA,QAAA,EAAA;AACE,UAAA,IAAI,EADN,QAAA;AAEE,UAAA,QAAQ,EAAEsD,IAAI,EAFhB,QAAA;AAGE,UAAA,GAAG,EAAExB,MAAM,CAACqC,MAAM,GAHpB,CAGa,CAHb;AAIE,UAAA,OAAO,EAAGhC,CAAD,IAAY;AACnBnC,YAAAA,kBAAkB,CAAlBA,aAAAA,CAAiC,CAACsD,IAAI,CAAtCtD,KAAiC,CAAjCA;AACAS,YAAAA,iBAAiB,CAAC,CAAC6C,IAAI,CAAvB7C,KAAkB,CAAD,CAAjBA;AACAN,YAAAA,SAAS,CAATA,KAAS,CAATA;AACAS,YAAAA,UAAU,CAAVA,IAAU,CAAVA;AARJ,WAAA;AAUE,UAAA,SAAS,EAAG,qBAAqB0C,IAAI,CAAJA,gBAAAA,GAAAA,oBAAAA,GAArB,EAAA,IAAA,GAAA,IAAiF9C,cAAc,EAAdA,QAAAA,CAAyB8C,IAAI,CAA7B9C,KAAAA,IAAAA,QAAAA,GAV/F,EAUc,CAVd;AAWE,UAAA,GAAG,EAAG,OAAMJ,EAAG,IAAG+D,MAAM,EAX1B,EAAA;AAYE,UAAA,EAAE,EAAG,GAAE/D,EAAG,IAAG+D,MAAM,GAAG,CAAE;AAZ1B,SAAA,EAaGb,IAAI,CAAJA,gBAAAA,IAAAA,aAAyB,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC;AAAf,SAAA,CAb5B,EAAA,aAcE,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC;AAAf,SAAA,EACGA,IAAI,CAAJA,IAAAA,IAAAA,aAAa,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC;AAAf,SAAA,EAA4BA,IAAI,CADhD,IACgB,CADhB,EAAA,aAEE,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC;AAAf,SAAA,EACGA,IAAI,CAAJA,YAAAA,IAAqBA,IAAI,CAD5B,KAAA,EAEGA,IAAI,CAAJA,SAAAA,IAAAA,aAAkB,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,UAAA,KAAK,EAAE;AAAEW,YAAAA,QAAQ,EAAE;AAAZ;AAAZ,SAAA,EAAmCX,IAAI,CAhDtE,SAgD+B,CAFrB,CAFF,CAdF,CA7BJ,CADF;AALR,OAEK,CADH,CADF;AAXF,KAAA;;AA4EA,WAAA,aACE,gBAAA,aAAA,CAAA,WAAA,EAAA;AACE,MAAA,GAAG,EADL,kBAAA;AAEE,MAAA,IAAI,EAFN,IAAA;AAGE,MAAA,KAAK,EAHP,KAAA;AAIE,MAAA,QAAQ,EAJV,QAAA;AAKE,MAAA,SAAS,EALX,SAAA;AAME,MAAA,UAAU,EAAEtD,kBAAkB,CANhC,UAAA;AAOE,MAAA,SAAS,EAAEA,kBAAkB,CAP/B,SAAA;AAQE,MAAA,SAAS,EAAE,CAACE,MAAM,IAAP,MAAA,EAAmBkE,IAAI,IAAvB,IAAA,EAAA,MAAA,CAAyCjC,CAAD,IAAO,CAAC,CAAhD,CAAA,EAAA,IAAA,CAAA,GAAA;AARb,KAAA,EAAA,aASE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,IAAI,EAAnB,IAAA;AAA2B,MAAA,SAAS,EAAEnC,kBAAkB,CAAxD,SAAA;AAAoE,MAAA,QAAQ,EAA5E,YAAA;AAA4F,MAAA,GAAG,EAA/F,YAAA;AAA+G,MAAA,UAAU,EAAEA,kBAAkB,CAACZ;AAA9I,KAAA,EACOY,kBAAkB,CAAlBA,WAAAA,IAAAA,aACC,gBAAA,aAAA,CAAA,oBAAA,EAAA;AAAsB,MAAA,IAAI,EAAEgB;AAA5B,KAAA,EACGhB,kBAAkB,CADrB,WAAA,EAAA,aAEE,gBAAA,aAAA,CAAA,gBAAA,EAAA;AAAkB,MAAA,IAAI,EAAEgB;AAAxB,KAAA,EAAA,aACE,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC;AAAf,KAAA,CADF,CAFF,CAFR,EAQGhB,kBAAkB,CAAlBA,UAAAA,IAAiCwD,UARpC,EAAA,EASGU,WAlBL,EASE,CATF,EAoBGlE,kBAAkB,CAAlBA,MAAAA,IAA6BA,kBAAkB,CAA/CA,WAAAA,IAAAA,aACC,gBAAA,aAAA,CAAA,qBAAA,EAAA;AAAuB,MAAA,IAAI,EAAEgB;AAA7B,KAAA,EAAA,aACM,gBAAA,aAAA,CAAA,gBAAA,EAAA;AAAQ,MAAA,KAAK,EAAb,MAAA;AAAqB,MAAA,IAAI,EAAEhB,kBAAkB,CAA7C,UAAA;AACE,MAAA,OAAO,EAAEA,kBAAkB,CAD7B,aAAA;AAEE,MAAA,QAAQ,EAAEA,kBAAkB,CAF9B,cAAA;AAGE,MAAA,OAAO,EAAEA,kBAAkB,CAAlBA,aAAAA,IAHX,SAAA;AAIE,MAAA,IAAI,EAJN,IAAA;AAIc,MAAA,OAAO,EAAE,MACrB;AACE,YAAGA,kBAAkB,CAArB,MAAGA,EAAH,EAAgC;AAC9BG,UAAAA,SAAS,CAATA,KAAS,CAATA;AACH;AARH,KAAA,EASDH,kBAAkB,CAhC7B,WAuBY,CADN,CArBJ,CADF;AAsCA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArYA,GAAA;;;AAjBED,IAAAA,Q;AACAC,IAAAA,kB;AAlBAd,MAAAA,S,6BAAY,O,EAAU,U,EAAa,Q;AACnCC,MAAAA,W;AACAC,MAAAA,U;AACAC,MAAAA,W;AACAC,MAAAA,S;AACAC,MAAAA,W;AAEAC,MAAAA,U;AACAC,MAAAA,a;AACAC,MAAAA,c;AACAC,MAAAA,M;AACAC,MAAAA,U;AACAC,MAAAA,a;AACAC,MAAAA,K;AAxBApB,QAAAA,K;AACAC,QAAAA,Y;AACAC,QAAAA,S;AACAC,QAAAA,U;AACAC,QAAAA,gB;AACAC,QAAAA,Q;AACAC,QAAAA,I;AACAC,QAAAA,a;;;AAuBAgB,IAAAA,S;AACAC,IAAAA,M;AACAC,IAAAA,S;AAEAC,IAAAA,E;AACAC,IAAAA,M;AACAC,IAAAA,K;AACAC,IAAAA,kB;AACAC,IAAAA,c;AACAC,IAAAA,iB;AACAC,IAAAA,kB;AACAC,IAAAA,O;AACAC,IAAAA,U;;oBA4YF,e","sourcesContent":["import React, { useLayoutEffect, useMemo, createRef } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { CommonInteractionStyling } from '../common';\r\nimport Button from '../Button/Button';\r\nimport { Size } from '../types';\r\nimport { ButtonDropdownContentStyling, DropdownButtonCSS } from './CommonStyling';\r\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\nimport { COLORS } from '../styles';\r\nimport { Checkbox, RadioButton } from '../InputFields';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport const DDContainer = styled.div<{ isButton: boolean; width?: string; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\r\n  display: none;\r\n  position: absolute;\r\n  background-color: ${COLORS.white};\r\n\r\n  width: ${(props) => (props.width ? props.width : '100%')};\r\n  z-index: ${Z_INDEXES.dropdown};\r\n  margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\r\n\r\n  &.show {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  &.up {\r\n    top: auto;\r\n    bottom: 100%;\r\n  }\r\n\r\n  ${(props) => (props.alignLeft ? 'left: 0px;' : '')}\r\n\r\n  ${(props) => (props.isButton ? ButtonDropdownContentStyling : '')};\r\n\r\n  border: 1px solid ${COLORS.neutral_100};\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n  padding-top: 4px;\r\n  padding-right: 0px;\r\n  padding-bottom: 4px;\r\n  padding-left: 0px;\r\n\r\n  min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n  border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\r\n\r\n  max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\r\n`;\r\n\r\nconst ItemsContainer = styled.div<{size? : Size}>`\r\n  > *:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n  > *:active,\r\n  > *.active{\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n  > *:focus {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n  \r\n  button.dropdownButton {\r\n    ${props => DropdownButtonCSS(props.size)}\r\n  }`;\r\n  \r\nconst ListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string }>`\r\n  ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\r\n  ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\r\n\r\n\r\n  div.divider  {\r\n    display: block;\r\n    width: calc(100% - 40px);\r\n    margin-left: 16px;\r\n    border-top: 1px solid #e5e5e5;\r\n    position: absolute;\r\n    top: 0px;\r\n  }\r\n\r\n  ${ItemsContainer} {\r\n    padding-top: ${props => props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px' };\r\n    padding-bottom: ${props => props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px' };\r\n  }\r\n\r\n  /* width */\r\n  ::-webkit-scrollbar {\r\n    width: 4px;\r\n    margin: 0 6px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 8px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_600};\r\n    border-radius: 8px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.neutral_500};\r\n  }\r\n`;\r\n\r\n\r\nconst MenuContentContainer = styled.div<{size? : Size}>`\r\n  h1, h2, h3 {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${props => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    ${props => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    ${props => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n    padding: ${props => props.size == Size.Small || !props.size ? '10px 16px 6px' :\r\n      props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px'};\r\n  }\r\n\r\n  p {\r\n    margin-block-start: 0px;\r\n    margin-block-end: 0px;\r\n    ${props => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    ${props => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    ${props => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n    padding: ${props => props.size == Size.Small || !props.size ? '8px 16px' :\r\n      props.size == Size.Medium ? '12px 24px' : '16px 32px'};\r\n  }\r\n`;\r\n\r\nconst DividerContainer = styled.div<{size? : Size}>`\r\n  position: relative;\r\n\r\n  margin-top: ${props => props.size == Size.Large ? '16px' : \r\n      props.size == Size.Medium ? '12px' : \r\n      (props.size == Size.Small || !props.size) ? '8px' : '6px'};\r\n\r\n  div.divider {\r\n    width: 100%;\r\n    margin: 0px;\r\n  }\r\n`;\r\n\r\nconst TopItemContainer = styled.div<{size?:Size}>`\r\n  border-bottom-style: solid;\r\n  border-bottom-color: ${COLORS.neutral_200};\r\n  border-bottom-width: 1px;\r\n  margin-right: 22px;\r\n\r\n  button {\r\n    ${props => DropdownButtonCSS(props.size)}\r\n  }\r\n`;\r\n\r\nconst ActionButtonContainer = styled.div<{size?:Size}>`\r\n  border-top-style: solid;\r\n  border-top-color: ${COLORS.neutral_200};\r\n  border-top-width: 1px;\r\n  \r\n  padding: ${props => props.size == Size.Small || !props.size ? '0px 16px' : '8px 16px'};\r\n\r\n  button {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst MAX_MENU_HEIGHT = 240;\r\nconst AVG_OPTION_HEIGHT = 48;\r\n\r\nexport interface DropdownItem {\r\n  value: string;\r\n  displayLabel?: string;\r\n  noteLabel?: string;\r\n  suggestion?: boolean;\r\n  showDividerAbove?: boolean;\r\n  disabled?: boolean;\r\n  icon?: React.ReactNode;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nexport interface DropdownCustomizationProps {\r\n  itemsType?: 'radio' | 'checkbox' | 'normal';\r\n  menuContent?: React.ReactNode;\r\n  scrollable?: boolean;\r\n  multiSelect?: boolean;\r\n  maxHeight?: string;\r\n  actionLabel?: string;\r\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n  actionIcon?: React.ReactNode;\r\n  actionLoading?: boolean;\r\n  actionDisabled?: boolean;\r\n  action: () => boolean | void | undefined;\r\n  pinTopItem?: boolean;\r\n  onValueUpdate: (values: string[]) => boolean | void | undefined;\r\n  items: DropdownItem[];\r\n}\r\n\r\nexport interface DropdownProps {\r\n  isButton: boolean;\r\n  customizationProps: DropdownCustomizationProps;\r\n  alignLeft?: boolean;\r\n  isOpen: boolean;\r\n  setIsOpen: (open: boolean) => void;\r\n  size?: Size;\r\n  id: string;\r\n  filter: string;\r\n  width?: string;\r\n  hideOnClickOutside: boolean;\r\n  selectedValues: string[];\r\n  setSelectedValues: (val: string[]) => void;\r\n  messageOnNoResults: string;\r\n  focused: number | null;\r\n  setFocused: (focused: number | null) => void;\r\n}\r\n\r\nconst DropdownContent: React.FunctionComponent<DropdownProps> = ({\r\n  id,\r\n  customizationProps,\r\n  alignLeft,\r\n  isButton,\r\n  size,\r\n  isOpen,\r\n  hideOnClickOutside,\r\n  width,\r\n  setIsOpen,\r\n  filter,\r\n  focused,\r\n  setFocused,\r\n  selectedValues,\r\n  setSelectedValues,\r\n  messageOnNoResults,\r\n}) => {\r\n  const [isUp, setIsUp] = React.useState<boolean>(false);\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\r\n  if (!size) size = Size.Small;\r\n\r\n  const itemsListRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const determineDropUp = () => {\r\n    const options = customizationProps.items;\r\n    const node = dropdownContentRef.current;\r\n\r\n    if (!node) return;\r\n\r\n    const windowHeight = window.innerHeight;\r\n    const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\r\n    const instOffsetWithMenu = node.getBoundingClientRect().top + menuHeight;\r\n    setIsUp(instOffsetWithMenu >= windowHeight);\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = elRefs[index];\r\n    if (newFocusedElement) {\r\n      setFocused(index);\r\n      newFocusedElement?.current?.focus();\r\n    }\r\n  };\r\n\r\n  const getFilteredItems = () => {\r\n    const filtrationString = (filter ?? '').toUpperCase();\r\n    return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\r\n  };\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (isOpen) {\r\n      if (e.keyCode === 38) {\r\n        e.preventDefault();\r\n        var focusedNow = focused;\r\n        if (focusedNow !== undefined && focusedNow !== null && focusedNow > 0) {\r\n          const filtered = getFilteredItems();\r\n          for (let i = focusedNow - 1; i > 0; i--) {\r\n            if (!filtered[i - 1]?.disabled) {\r\n              focusedNow = i;\r\n              break;\r\n            }\r\n          }\r\n          setNewFocusedElement(focusedNow);\r\n        }\r\n      } else if (e.keyCode === 40) {\r\n        e.preventDefault();\r\n        var focusedNow = focused;\r\n        if (focusedNow !== undefined && focusedNow !== null) {\r\n          const filtered = getFilteredItems();\r\n          for (let i = focusedNow + 1; i <= filtered.length; i++) {\r\n            if (!filtered[i - 1]?.disabled) {\r\n              focusedNow = i;\r\n              break;\r\n            }\r\n          }\r\n        } else {\r\n          focusedNow = haveTopItem() ? 0 : 1;\r\n        }\r\n        setNewFocusedElement(focusedNow);\r\n      } else if (e.keyCode === 9) {\r\n        e.preventDefault();\r\n        var focusedNow = focused;\r\n        if (focusedNow !== undefined && focusedNow !== null) {\r\n          focusedNow++;\r\n          const newFocusedElement = document.getElementById(`${id}_${focusedNow}`);\r\n          if (!newFocusedElement) {\r\n            setNewFocusedElement(0);\r\n          } else {\r\n            setNewFocusedElement(focusedNow);\r\n          }\r\n        } else {\r\n          setFocused(null);\r\n        }\r\n      } else if (e.keyCode === 27) {\r\n        setIsOpen(false);\r\n        setFocused(null);\r\n\r\n        //TODO: add onEscapehandler\r\n        /*\r\n        if (!list.includes(input)) {\r\n          setInput('');\r\n          setPlaceholderSearch(placeholder || '');\r\n        }\r\n        styledFieldRef.current?.focus(); */\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleClickOutside = (e: any) => {\r\n    if (hideOnClickOutside && dropdownContentRef?.current && !dropdownContentRef.current.contains(e.target) && !elRefs.some((x) => x?.current?.contains(e.target))) {\r\n      if (isOpen) {\r\n        setIsOpen(false);\r\n        setFocused(null);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    document.addEventListener('keydown', handleKeyDown);\r\n    document.addEventListener('click', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyDown);\r\n      document.removeEventListener('click', handleClickOutside);\r\n    };\r\n  });\r\n\r\n  const scrollPosition = React.useRef<number | undefined>(0);\r\n  const handleScroll = () => {\r\n    scrollPosition.current = itemsListRef.current?.scrollTop;\r\n  };\r\n  useLayoutEffect(() => {\r\n    if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\r\n  }, [selectedValues]);\r\n\r\n  const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\r\n    switch (customizationProps.itemsType) {\r\n      case 'normal':\r\n        return (ref as React.RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\r\n      default:\r\n        return (ref as React.RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\r\n    }\r\n  };\r\n\r\n  const arrLength = getFilteredItems().length;\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setElRefs((elRefs) =>\r\n      Array(arrLength + 1)\r\n        .fill(null)\r\n        .map((_, i) => getCorrectRef(elRefs[i])),\r\n    );\r\n  }, [isOpen, arrLength, selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    determineDropUp();\r\n  }, [isOpen]);\r\n\r\n  const haveTopItem = () => {\r\n    if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) return true;\r\n    else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\r\n    else if (customizationProps.itemsType == 'normal' && getSuggestions()?.length > 0) return true;\r\n    return false;\r\n  };\r\n\r\n  const getSuggestions = () => {\r\n    return getFilteredItems().filter((x) => x.suggestion);\r\n  };\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (isOpen && (focused || focused == 0)) {\r\n      const focusThis = focused == 0 && !haveTopItem() ? 1 : focused;\r\n      if (focusThis != focused) setFocused(focusThis);\r\n      const newFocusedElement = elRefs[focusThis];\r\n      newFocusedElement?.current?.focus();\r\n    } else setFocused(null); //if the dropdown is closed, we don't to keep saved the focused item\r\n  }, [isOpen]);\r\n\r\n  const handleItemClick = (selected: boolean, item: DropdownItem) => {\r\n      let newValue: string[] = [];\r\n      if (customizationProps.multiSelect) {\r\n        if (selected) newValue = [...selectedValues, item.value];\r\n        else newValue = selectedValues.filter((x) => x != item.value);\r\n      } else newValue = selected ? [item.value] : [];\r\n\r\n      setSelectedValues(newValue);\r\n      if(customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue))\r\n        setIsOpen(false);\r\n  };\r\n\r\n  const getTopItem = () => {\r\n    if (!customizationProps.pinTopItem) return;\r\n    const visibleItems = getFilteredItems();\r\n    const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\r\n    let showTopItem = false;\r\n    const suggestions = getSuggestions();\r\n    const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\r\n    if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\r\n    else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\r\n    else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\r\n\r\n    if (!showTopItem) return;\r\n\r\n    const selectedFirst = selectedValues.length > 0 ? visibleItems.find(x => x.value == selectedValues[0]) : null;\r\n   \r\n    return (\r\n      <TopItemContainer size={size}>\r\n        {customizationProps.itemsType == 'radio' && (\r\n          <RadioButton\r\n            ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n            iconPointerEventsTransparent={true}\r\n            select={() => {}} label={selectedFirst?.displayLabel ?? selectedFirst?.value} \r\n            size={size}\r\n            id={`${id}_topitem`}\r\n            selected={true}\r\n          />\r\n        )}\r\n        {customizationProps.itemsType == 'checkbox' && (\r\n          <Checkbox\r\n            ref={elRefs[0] as React.RefObject<HTMLDivElement>}\r\n            select={(selected: boolean) => {\r\n              if (!customizationProps.multiSelect) return;\r\n\r\n              const newValues = selected ? visibleItems.map((x) => x.value) : [];\r\n              setSelectedValues(newValues);\r\n              if(customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues))\r\n                setIsOpen(false);\r\n            }}\r\n            iconPointerEventsTransparent={true}\r\n            semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\r\n            size={size}\r\n            id={`${id}_checkbox_selectall`}\r\n            label={customizationProps.multiSelect ? 'Select all' : (selectedFirst?.displayLabel ?? selectedFirst?.value)}\r\n            selected={!customizationProps.multiSelect || allSelected}\r\n          />\r\n        )}\r\n        {customizationProps.itemsType == 'normal' && (\r\n          <>\r\n            {suggestions.map((x) => (\r\n            <button\r\n                ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\r\n                type=\"button\"\r\n                id={`${id}_topitem`}\r\n                key={`${id}_topitem_${x.value}`}\r\n                onClick={(e: any) => {\r\n                  customizationProps.onValueUpdate([x.value]);\r\n                  setSelectedValues([x.value]);\r\n                  setIsOpen(false);\r\n                  setFocused(null);\r\n                }}>\r\n                <div className=\"item-content\">\r\n                  {x?.icon && <div className=\"item-icon\">{x?.icon}</div>}\r\n                  <div className=\"item-label\">\r\n                    {x?.displayLabel ?? x?.value}\r\n                    {x?.noteLabel && <div style={{ fontSize: '12px' }}>{x.noteLabel}</div>}\r\n                  </div>\r\n                </div>\r\n            </button>))}\r\n          </>\r\n        )}\r\n      </TopItemContainer>\r\n    );\r\n  };\r\n\r\n  const getElements = () => {\r\n    if (getFilteredItems().length === 0) {\r\n      return (\r\n        <ItemsContainer size={size}>\r\n          <button className=\"dropdownButton\" disabled>\r\n            <span>{messageOnNoResults}</span>\r\n          </button>\r\n        </ItemsContainer>\r\n      );\r\n    }\r\n    let number = 0;\r\n    return (\r\n      <ItemsContainer size={size}>\r\n        {getFilteredItems()\r\n          .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\r\n          .map((item) => {\r\n            return (\r\n              <React.Fragment key={`key_${id}_${item.value}`}>\r\n              {item.customContent}\r\n              {!item.customContent && customizationProps.itemsType == 'radio' && (\r\n                  <RadioButton\r\n                    select={(selected:boolean) => handleItemClick(selected, item)}\r\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\r\n                    size={size}\r\n                    iconPointerEventsTransparent={true}\r\n                    disabled={item?.disabled}\r\n                    key={`key_${id}_${number++}`}\r\n                    id={`${id}_${number + 1}`}\r\n                    label={item.displayLabel ?? item.value}\r\n                    selected={selectedValues?.includes(item.value)}\r\n                  />\r\n                )}\r\n              {!item.customContent && customizationProps.itemsType == 'checkbox' && (\r\n                  <Checkbox\r\n                    select={(selected:boolean) => handleItemClick(selected, item)}\r\n                    iconPointerEventsTransparent={true}\r\n                    disabled={item?.disabled}\r\n                    ref={elRefs[number + 1] as React.RefObject<HTMLDivElement>}\r\n                    size={size}\r\n                    key={`key_${id}_${number++}`}\r\n                    id={`${id}_${number + 1}`}\r\n                    label={item.displayLabel ?? item.value}\r\n                    selected={selectedValues?.includes(item.value)}\r\n                  />\r\n                )}\r\n              {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\r\n                  <button\r\n                    type=\"button\"\r\n                    disabled={item?.disabled}\r\n                    ref={elRefs[number + 1] as React.RefObject<HTMLButtonElement>}\r\n                    onClick={(e: any) => {\r\n                      customizationProps.onValueUpdate([item.value]);\r\n                      setSelectedValues([item.value]);\r\n                      setIsOpen(false);\r\n                      setFocused(null);\r\n                    }}\r\n                    className={ 'dropdownButton ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (selectedValues?.includes(item.value) ? 'active' : '')}\r\n                    key={`key_${id}_${number++}`}\r\n                    id={`${id}_${number + 1}`}>\r\n                    {item.showDividerAbove && <div className=\"divider\" />}\r\n                    <div className=\"item-content\">\r\n                      {item.icon && <div className=\"item-icon\">{item.icon}</div>}\r\n                      <div className=\"item-label\">\r\n                        {item.displayLabel ?? item.value}\r\n                        {item.noteLabel && <div style={{ fontSize: '12px' }}>{item.noteLabel}</div>}\r\n                      </div>\r\n                    </div>\r\n                  </button>\r\n                )}\r\n              </React.Fragment>\r\n            );\r\n          })}\r\n      </ItemsContainer>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <DDContainer\r\n      ref={dropdownContentRef}\r\n      size={size}\r\n      width={width}\r\n      isButton={isButton}\r\n      alignLeft={alignLeft}\r\n      scrollable={customizationProps.scrollable}\r\n      maxHeight={customizationProps.maxHeight}\r\n      className={[isOpen && 'show', isUp && 'up'].filter((e) => !!e).join(' ')}>\r\n      <ListContainer size={size} itemsType={customizationProps.itemsType} onScroll={handleScroll} ref={itemsListRef} scrollable={customizationProps.scrollable}>\r\n            {customizationProps.menuContent &&\r\n              <MenuContentContainer size={size}>\r\n                {customizationProps.menuContent}\r\n                <DividerContainer size={size}>\r\n                  <div className=\"divider\" />\r\n                </DividerContainer>\r\n              </MenuContentContainer>}\r\n        {customizationProps.pinTopItem && getTopItem()}\r\n        {getElements()}\r\n      </ListContainer>\r\n      {customizationProps.action && customizationProps.actionLabel && (\r\n        <ActionButtonContainer size={size}>\r\n              <Button width=\"100%\" icon={customizationProps.actionIcon}\r\n                loading={customizationProps.actionLoading}\r\n                disabled={customizationProps.actionDisabled}\r\n                variant={customizationProps.actionVariant ?? 'primary'}\r\n                size={size} onClick={() => \r\n                {\r\n                  if(customizationProps.action()) //closing the dropdown if action returns 'true'\r\n                    setIsOpen(false);\r\n                }}>\r\n            {customizationProps.actionLabel}\r\n          </Button>\r\n        </ActionButtonContainer>\r\n      )}\r\n    </DDContainer>\r\n  );\r\n  /*  ),\r\n    {\r\n      handleClickOutside: () => () => {\r\n        if (isOpen) {\r\n          setIsOpen(false);\r\n          setFocused(null);\r\n        }\r\n      },\r\n    },\r\n  );\r\n\r\n  return <Wrapped />; */\r\n};\r\n\r\nexport default DropdownContent;\r\n"],"file":"DropdownContent.js"}

package/dist/umd/Dropdown/DropdownFilter.js

@@ -0,0 +1,331 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "../styles", "../icons/systemicons/SystemIcons", "../LoadingIndicator", "./CommonStyling", "./DropdownContent", "../types", "../InputFields/styling"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("../styles"), require("../icons/systemicons/SystemIcons"), require("../LoadingIndicator"), require("./CommonStyling"), require("./DropdownContent"), require("../types"), require("../InputFields/styling"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styles, global.SystemIcons, global.LoadingIndicator, global.CommonStyling, global.DropdownContent, global.types, global.styling);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styles, _SystemIcons, _LoadingIndicator, _CommonStyling, _DropdownContent, _types, _styling) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _DropdownContent2 = _interopRequireDefault(_DropdownContent);
+
+  function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function (nodeInterop) {
+      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+  }
+
+  function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+      return obj;
+    }
+
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+      return {
+        default: obj
+      };
+    }
+
+    var cache = _getRequireWildcardCache(nodeInterop);
+
+    if (cache && cache.has(obj)) {
+      return cache.get(obj);
+    }
+
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+
+    for (var key in obj) {
+      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+
+        if (desc && (desc.get || desc.set)) {
+          Object.defineProperty(newObj, key, desc);
+        } else {
+          newObj[key] = obj[key];
+        }
+      }
+    }
+
+    newObj.default = obj;
+
+    if (cache) {
+      cache.set(obj, newObj);
+    }
+
+    return newObj;
+  }
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const DropdownFilter = ({
+    id,
+    list,
+    placeholder,
+    onSelect,
+    onInputChange,
+    initalValue,
+    required,
+    disableSorting,
+    messageOnNoResults,
+    disabled,
+    locked,
+    scrollable,
+    isButton,
+    activeValidationMessage,
+    autofilledMessage,
+    size,
+    buttonFontSize,
+    keepInitialValue,
+    icon,
+    margin = '4px 0'
+  }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [input, setInput] = React.useState(initalValue ?? '');
+    const [placeholderSearch, setPlaceholderSearch] = React.useState(placeholder || '');
+    const [restartFilter, setRestartFilter] = React.useState(false);
+    const [selectedValues, setSelectedValues] = React.useState([]);
+    const [focused, setFocused] = React.useState(null);
+    const styledFieldRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+
+    const handleKeyPress = e => {
+      if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {
+        if (e.keyCode === 13 && !locked) {
+          const matches = list?.filter(c => c.label.toLowerCase() === input.toLowerCase());
+
+          if (matches.length === 1 && onSelect) {
+            onSelect(matches[0].label);
+            setInput(matches[0].label);
+          }
+
+          if (!isOpen) setFocused(0);
+          setIsOpen(!isOpen);
+
+          if (matches.length === 0) {
+            setInput('');
+          }
+        } else if (e.keyCode === 40) {
+          if (!isOpen) setFocused(0);
+          setIsOpen(!isOpen);
+        }
+      }
+    };
+
+    React.useEffect(() => {
+      if (initalValue || initalValue === '') {
+        setInput(initalValue);
+        setRestartFilter(true);
+      }
+    }, [initalValue]);
+    React.useEffect(() => {
+      if (!isOpen && !list.some(x => x.label == input)) {
+        setInput('');
+        setPlaceholderSearch(placeholder || '');
+      }
+    }, [isOpen]);
+    React.useEffect(() => {
+      document.addEventListener('keypress', handleKeyPress);
+      return () => {
+        document.removeEventListener('keypress', handleKeyPress);
+      };
+    });
+    React.useEffect(() => {
+      setIsLoading(false);
+      if (selectedValues.length > 0 && !list.some(x => x.label == input)) setSelectedValues([]);
+
+      if (list.some(x => x.label == input)) {
+        setSelectedValues([input]);
+        onSelect && onSelect(input);
+      }
+    }, [input]);
+
+    const renderStandardDropdown = () => {
+      return /*#__PURE__*/React.createElement(_CommonStyling.StyledField, {
+        ref: styledFieldRef,
+        className: (isOpen ? 'expanded ' : '').concat(size ? size : ''),
+        onClick: e => {
+          e.stopPropagation();
+          setIsOpen(!isOpen);
+          inputRef.current?.focus();
+        },
+        tabIndex: disabled || locked ? -1 : 0,
+        disabled: disabled || false,
+        locked: locked || false,
+        showValidationMessage: !!activeValidationMessage,
+        fontSize: buttonFontSize,
+        "data-testid": `otherdiv_${id}`
+      }, /*#__PURE__*/React.createElement(_CommonStyling.InputField, {
+        ref: inputRef,
+        autoComplete: 'off-' + Math.floor(Math.random() * 999999999999),
+        type: "search",
+        placeholder: placeholderSearch,
+        value: input,
+        className: size ? `${size} value` : 'value',
+        onChange: e => {
+          if (!locked && !disabled) {
+            setRestartFilter(false);
+            setIsLoading(true);
+            setIsOpen(true);
+            setInput(e.target.value);
+
+            if (onInputChange) {
+              onInputChange(e.target.value || '');
+            }
+          }
+        },
+        onClick: e => {
+          if (!locked && !disabled) {
+            e.stopPropagation();
+            setIsOpen(!isOpen);
+          }
+        },
+        onFocus: () => setPlaceholderSearch(''),
+        onBlur: () => setPlaceholderSearch(placeholder || ''),
+        required: required,
+        tabIndex: disabled || locked ? -1 : 0,
+        disabled: disabled || false
+      }), isLoading ? /*#__PURE__*/React.createElement(_LoadingIndicator.LoadingIndicator, {
+        size: _types.Size.Small,
+        color: _styles.COLORS.neutral_600
+      }) : null, /*#__PURE__*/React.createElement("div", {
+        onClick: () => setIsOpen(!isOpen),
+        className: 'dropdown-arrow'
+      }, isOpen && !locked && !disabled ? /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropUp, {
+        size: "24px",
+        className: size ? size : ''
+      }) : /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropDown, {
+        size: "24px",
+        className: size ? size : ''
+      })));
+    };
+
+    const renderButtonDropdown = () => /*#__PURE__*/React.createElement(_CommonStyling.ButtonDropdownWrapper, {
+      onClick: e => {
+        e.stopPropagation();
+        setIsOpen(!isOpen);
+        inputRef.current?.focus();
+      },
+      disabled: disabled,
+      locked: locked
+    }, /*#__PURE__*/React.createElement(_CommonStyling.StyledField, {
+      ref: styledFieldRef,
+      className: (isOpen ? 'expanded ' : '').concat(size ? size + ' ' : '').concat(isButton ? 'button' : ''),
+      tabIndex: disabled || locked ? -1 : 0,
+      disabled: disabled || false,
+      locked: locked || false,
+      showValidationMessage: !!activeValidationMessage,
+      fontSize: buttonFontSize
+    }, icon, /*#__PURE__*/React.createElement("div", {
+      className: 'value'
+    }, initalValue && keepInitialValue ? initalValue : input || placeholderSearch), isLoading ? /*#__PURE__*/React.createElement(_LoadingIndicator.LoadingIndicator, {
+      size: _types.Size.Small,
+      color: _styles.COLORS.neutral_600
+    }) : null, /*#__PURE__*/React.createElement("div", {
+      onClick: () => setIsOpen(!isOpen),
+      className: 'dropdown-arrow'
+    }, isOpen && !locked && !disabled ? /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropUp, {
+      size: "24px",
+      className: size ? size : ''
+    }) : /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropDown, {
+      size: "24px",
+      className: size ? size : ''
+    }))));
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_CommonStyling.Dropdown, {
+      isButton: isButton || false,
+      disabled: disabled,
+      locked: locked,
+      className: size ? size : '',
+      margin: margin
+    }, !isButton && renderStandardDropdown(), !!isButton && renderButtonDropdown(), !locked && !disabled && /*#__PURE__*/React.createElement(_DropdownContent2.default, {
+      isOpen: isOpen,
+      messageOnNoResults: messageOnNoResults ?? '',
+      selectedValues: selectedValues,
+      setSelectedValues: setSelectedValues,
+      hideOnClickOutside: true,
+      size: size ?? _types.Size.Small,
+      focused: focused,
+      setFocused: setFocused,
+      customizationProps: {
+        itemsType: 'normal',
+        scrollable: scrollable,
+        multiSelect: false,
+        action: () => {},
+        onValueUpdate: values => {
+          const val = values[0] ?? '';
+          setRestartFilter(true);
+          setInput(val);
+        },
+        items: list.map(x => ({
+          value: x.label,
+          customContent: x.customContent
+        }))
+      },
+      filter: !restartFilter ? input : '',
+      setIsOpen: setIsOpen,
+      alignLeft: false,
+      isButton: isButton || false,
+      id: `${id}_dropdowncontent`
+    })), activeValidationMessage && /*#__PURE__*/React.createElement(_styling.WarningMessage, {
+      className: size || ''
+    }, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
+      size: "20px",
+      color: _styles.COLORS.warning_400
+    }), /*#__PURE__*/React.createElement("span", null, activeValidationMessage)), autofilledMessage && /*#__PURE__*/React.createElement(_styling.AutofilledMessage, {
+      className: size || ''
+    }, /*#__PURE__*/React.createElement(_SystemIcons.Information, {
+      size: "20px",
+      color: _styles.COLORS.neutral_600
+    }), /*#__PURE__*/React.createElement("span", null, autofilledMessage)));
+  };
+
+  DropdownFilter.propTypes = {
+    id: _propTypes2.default.string.isRequired,
+    list: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+      label: _propTypes2.default.string.isRequired,
+      customContent: _propTypes2.default.node
+    })).isRequired,
+    placeholder: _propTypes2.default.string,
+    onSelect: _propTypes2.default.func,
+    onInputChange: _propTypes2.default.func,
+    initalValue: _propTypes2.default.string,
+    required: _propTypes2.default.bool,
+    disableSorting: _propTypes2.default.bool,
+    messageOnNoResults: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool,
+    locked: _propTypes2.default.bool,
+    isButton: _propTypes2.default.bool,
+    activeValidationMessage: _propTypes2.default.string,
+    autofilledMessage: _propTypes2.default.string,
+    scrollable: _propTypes2.default.bool,
+    buttonFontSize: _propTypes2.default.string,
+    keepInitialValue: _propTypes2.default.bool,
+    icon: _propTypes2.default.node,
+    margin: _propTypes2.default.string
+  };
+  exports.default = DropdownFilter;
+});
+//# sourceMappingURL=DropdownFilter.js.map

package/dist/umd/Dropdown/DropdownFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/DropdownFilter.tsx"],"names":["label","customContent","id","list","placeholder","onSelect","onInputChange","initalValue","required","disableSorting","messageOnNoResults","disabled","locked","isButton","activeValidationMessage","autofilledMessage","scrollable","buttonFontSize","keepInitialValue","icon","margin","DropdownFilter","React","styledFieldRef","inputRef","handleKeyPress","e","matches","c","input","setInput","setFocused","setIsOpen","setRestartFilter","x","setPlaceholderSearch","document","setIsLoading","selectedValues","setSelectedValues","renderStandardDropdown","isOpen","size","Math","isLoading","Size","COLORS","neutral_600","renderButtonDropdown","itemsType","multiSelect","action","onValueUpdate","values","val","items","value","warning_400"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { ArrowDropDown, ArrowDropUp, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownButton, StyledField, Dropdown, ButtonDropdownWrapper, InputField } from './CommonStyling';\r\nimport DropdownContent from './DropdownContent';\r\nimport { Size } from '../types'\r\nimport { AutofilledMessage, WarningMessage } from '../InputFields/styling';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\ninterface DropdownFilterItem {\r\n  label: string;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\ninterface DropdownFilterProps {\r\n  id: string;\r\n  list: DropdownFilterItem[];\r\n  placeholder?: string;\r\n  onSelect?: (value: string) => void;\r\n  onInputChange?: (input: string) => void;\r\n  initalValue?: string;\r\n  required?: boolean;\r\n  disableSorting?: boolean;\r\n  messageOnNoResults?: string;\r\n  disabled?: boolean;\r\n  locked?: boolean;\r\n  isButton?: boolean;\r\n  activeValidationMessage?: string;\r\n  autofilledMessage?: string;\r\n  size?: Size.Small | Size.Medium;\r\n  scrollable?: boolean;\r\n  buttonFontSize?: string;\r\n  keepInitialValue?: boolean;\r\n  icon?: React.ReactNode;\r\n  margin?: string;\r\n}\r\n\r\nconst DropdownFilter = ({\r\n  id,\r\n  list,\r\n  placeholder,\r\n  onSelect,\r\n  onInputChange,\r\n  initalValue,\r\n  required,\r\n  disableSorting,\r\n  messageOnNoResults,\r\n  disabled,\r\n  locked,\r\n  scrollable,\r\n  isButton,\r\n  activeValidationMessage,\r\n  autofilledMessage,\r\n  size,\r\n  buttonFontSize,\r\n  keepInitialValue,\r\n  icon,\r\n  margin = '4px 0',\r\n}: DropdownFilterProps) => {\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [isLoading, setIsLoading] = React.useState<Boolean>(false);\r\n  const [input, setInput] = React.useState<string>(initalValue ?? '');\r\n  const [placeholderSearch, setPlaceholderSearch] = React.useState<string>(placeholder || '');\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n  const styledFieldRef = React.useRef<HTMLDivElement>(null);\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n\r\n  const handleKeyPress = (e: any) => {\r\n    if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {\r\n      if (e.keyCode === 13 && !locked) {\r\n        const matches = list?.filter((c) => c.label.toLowerCase() === input.toLowerCase());\r\n        if (matches.length === 1 && onSelect) {\r\n          onSelect(matches[0].label);\r\n          setInput(matches[0].label);\r\n        }\r\n        if(!isOpen)\r\n          setFocused(0);\r\n        setIsOpen(!isOpen);\r\n        if (matches.length === 0) {\r\n          setInput('');\r\n        }\r\n      } else if (e.keyCode === 40) {\r\n        if(!isOpen)\r\n          setFocused(0);\r\n        setIsOpen(!isOpen);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (initalValue || initalValue === '') {\r\n      setInput(initalValue);\r\n      setRestartFilter(true);\r\n    }\r\n  }, [initalValue]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen && !list.some(x => x.label == input)) {\r\n      setInput('');\r\n      setPlaceholderSearch(placeholder || '');\r\n    }\r\n  }, [isOpen]);\r\n\r\n  React.useEffect(() => {\r\n    document.addEventListener('keypress', handleKeyPress);\r\n    return () => {\r\n      document.removeEventListener('keypress', handleKeyPress);\r\n    };\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    setIsLoading(false);\r\n    if (selectedValues.length > 0 && !list.some(x => x.label == input))\r\n      setSelectedValues([]);\r\n\r\n    if(list.some(x => x.label == input))\r\n    {\r\n      setSelectedValues([input]);\r\n      onSelect && onSelect(input);\r\n    }\r\n  }, [input]);\r\n\r\n\r\n  const renderStandardDropdown = () => {\r\n    return (\r\n      <StyledField\r\n        ref={styledFieldRef}\r\n        className={(isOpen ? 'expanded ' : '').concat(size ? size : '')}\r\n        onClick={(e: any) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n          inputRef.current?.focus();\r\n        }}\r\n        tabIndex={disabled || locked ? -1 : 0}\r\n        disabled={disabled || false}\r\n        locked={locked || false}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        fontSize={buttonFontSize}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <InputField\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={placeholderSearch}\r\n          value={input}\r\n          className={size ? `${size} value` : 'value'}\r\n          onChange={(e: any) => {\r\n            if (!locked && !disabled) {\r\n              setRestartFilter(false);\r\n              setIsLoading(true);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onClick={(e: any) => {\r\n            if (!locked && !disabled) {\r\n              e.stopPropagation();\r\n              setIsOpen(!isOpen);\r\n            }\r\n          }}\r\n          onFocus={() => setPlaceholderSearch('')}\r\n          onBlur={() => setPlaceholderSearch(placeholder || '')}\r\n          required={required}\r\n          tabIndex={disabled || locked ? -1 : 0}\r\n          disabled={disabled || false}\r\n        />\r\n\r\n        {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} /> : null}\r\n\r\n        <div onClick={() => setIsOpen(!isOpen)} className={'dropdown-arrow'}>\r\n          {isOpen && !locked && !disabled ? <ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </StyledField>\r\n    );\r\n  };\r\n\r\n  const renderButtonDropdown = () => (\r\n    <ButtonDropdownWrapper\r\n      onClick={(e: any) => {\r\n        e.stopPropagation();\r\n        setIsOpen(!isOpen);\r\n        inputRef.current?.focus();\r\n      }}\r\n      disabled={disabled}\r\n      locked={locked}>\r\n      <StyledField\r\n        ref={styledFieldRef}\r\n        className={(isOpen ? 'expanded ' : '').concat(size ? size + ' ' : '').concat(isButton ? 'button' : '')}\r\n        tabIndex={disabled || locked ? -1 : 0}\r\n        disabled={disabled || false}\r\n        locked={locked || false}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        fontSize={buttonFontSize}>\r\n        {icon}\r\n        <div className={'value'}>{initalValue && keepInitialValue ? initalValue : input || placeholderSearch}</div>\r\n        {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} /> : null}\r\n        <div onClick={() => setIsOpen(!isOpen)} className={'dropdown-arrow'}>\r\n          {isOpen && !locked && !disabled ? <ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </StyledField>\r\n    </ButtonDropdownWrapper>\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Dropdown isButton={isButton || false} disabled={disabled} locked={locked} className={size ? size : ''} margin={margin}>\r\n        {!isButton && renderStandardDropdown()}\r\n        {!!isButton && renderButtonDropdown()}\r\n        {!locked && !disabled && (\r\n          <DropdownContent\r\n          isOpen={isOpen}\r\n          messageOnNoResults={messageOnNoResults ?? ''}\r\n          selectedValues={selectedValues}\r\n          setSelectedValues={setSelectedValues}\r\n          hideOnClickOutside={true}\r\n          size={size ?? Size.Small}\r\n          focused={focused}\r\n          setFocused={setFocused}\r\n          customizationProps={{\r\n            itemsType: 'normal',\r\n            scrollable: scrollable,\r\n            multiSelect: false,\r\n            action: () => {},\r\n            onValueUpdate: (values: string[]) => {\r\n              const val = values[0] ?? '';\r\n              setRestartFilter(true);\r\n              setInput(val);\r\n            },\r\n            items: list.map(x => ({ value: x.label, customContent: x.customContent }))\r\n          }}\r\n          filter={!restartFilter ? input : ''}\r\n          setIsOpen={setIsOpen}\r\n          alignLeft={false}\r\n          isButton={isButton || false}\r\n          id={`${id}_dropdowncontent`} />\r\n        )}\r\n      </Dropdown>\r\n      {activeValidationMessage && (\r\n        <WarningMessage className={size || ''}>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.warning_400} />\r\n          <span>{activeValidationMessage}</span>\r\n        </WarningMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <Information size=\"20px\" color={COLORS.neutral_600} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default DropdownFilter;\r\n"],"file":"DropdownFilter.js"}

package/dist/umd/Dropdown/__tests__/DropdownFilter.test.js

@@ -0,0 +1,77 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "../index"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("../index"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.index);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _index) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const list = [{
+    label: 'Contact'
+  }, {
+    label: 'About'
+  }, {
+    label: 'Base'
+  }, {
+    label: 'Blog'
+  }, {
+    label: 'Contact 3'
+  }, {
+    label: 'Custom'
+  }, {
+    label: 'Support'
+  }, {
+    label: 'Tools'
+  }];
+  describe('<DropdownFilter />', () => {
+    it('Renders with no default value', async () => {
+      const {
+        getByPlaceholderText
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.DropdownFilter, {
+        id: "Dropdown",
+        list: list,
+        placeholder: "Placeholder"
+      }));
+      expect(getByPlaceholderText('Placeholder').value).toBe('');
+    });
+    it('Renders with required input if specified', async () => {
+      const {
+        getByPlaceholderText
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.DropdownFilter, {
+        id: "Dropdown",
+        list: list,
+        placeholder: "Placeholder",
+        required: true
+      }));
+      expect(getByPlaceholderText('Placeholder').required).toBe(true);
+    });
+    it('Renders with inital value if specified', async () => {
+      const initialValue = 'Contact';
+      const {
+        getByPlaceholderText
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.DropdownFilter, {
+        id: "Dropdown",
+        list: list,
+        placeholder: "Placeholder",
+        initalValue: initialValue
+      }));
+      expect(getByPlaceholderText('Placeholder').value).toBe(initialValue);
+    });
+  });
+});
+//# sourceMappingURL=DropdownFilter.test.js.map

package/dist/umd/Dropdown/__tests__/DropdownFilter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dropdown/__tests__/DropdownFilter.test.tsx"],"names":["list","label","describe","it","getByPlaceholderText","render","expect","initialValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,QAAMA,IAAI,GAAG,CAAC;AAACC,IAAAA,KAAK,EAAE;AAAR,GAAD,EACX;AAACA,IAAAA,KAAK,EAAE;AAAR,GADW,EAEX;AAACA,IAAAA,KAAK,EAAE;AAAR,GAFW,EAGX;AAACA,IAAAA,KAAK,EAAE;AAAR,GAHW,EAIX;AAACA,IAAAA,KAAK,EAAE;AAAR,GAJW,EAKX;AAACA,IAAAA,KAAK,EAAE;AAAR,GALW,EAMX;AAACA,IAAAA,KAAK,EAAE;AAAR,GANW,EAOX;AAACA,IAAAA,KAAK,EAAE;AAAR,GAPW,CAAb;AASAC,EAAAA,QAAQ,CAAA,oBAAA,EAAuB,MAAM;AACnCC,IAAAA,EAAE,CAAA,+BAAA,EAAkC,YAAY;AAC9C,YAAM;AAAEC,QAAAA;AAAF,UAA2BC,qBAAM,aAAC,gBAAA,aAAA,CAAA,qBAAA,EAAA;AAAgB,QAAA,EAAE,EAAlB,UAAA;AAA8B,QAAA,IAAI,EAAlC,IAAA;AAA0C,QAAA,WAAW,EAAC;AAAtD,OAAA,CAAPA,CAAjC;AACAC,MAAAA,MAAM,CAAEF,oBAAoB,CAArB,aAAqB,CAApBA,CAARE,KAAM,CAANA,CAAAA,IAAAA,CAAAA,EAAAA;AAFFH,KAAE,CAAFA;AAKAA,IAAAA,EAAE,CAAA,0CAAA,EAA6C,YAAY;AACzD,YAAM;AAAEC,QAAAA;AAAF,UAA2BC,qBAAM,aAAC,gBAAA,aAAA,CAAA,qBAAA,EAAA;AAAgB,QAAA,EAAE,EAAlB,UAAA;AAA8B,QAAA,IAAI,EAAlC,IAAA;AAA0C,QAAA,WAAW,EAArD,aAAA;AAAoE,QAAA,QAAQ,EAAA;AAA5E,OAAA,CAAPA,CAAjC;AACAC,MAAAA,MAAM,CAAEF,oBAAoB,CAArB,aAAqB,CAApBA,CAARE,QAAM,CAANA,CAAAA,IAAAA,CAAAA,IAAAA;AAFFH,KAAE,CAAFA;AAKAA,IAAAA,EAAE,CAAA,wCAAA,EAA2C,YAAY;AACvD,YAAMI,YAAY,GAAlB,SAAA;AACA,YAAM;AAAEH,QAAAA;AAAF,UAA2BC,qBAAM,aAAC,gBAAA,aAAA,CAAA,qBAAA,EAAA;AAAgB,QAAA,EAAE,EAAlB,UAAA;AAA8B,QAAA,IAAI,EAAlC,IAAA;AAA0C,QAAA,WAAW,EAArD,aAAA;AAAoE,QAAA,WAAW,EAAEE;AAAjF,OAAA,CAAPF,CAAjC;AACAC,MAAAA,MAAM,CAAEF,oBAAoB,CAArB,aAAqB,CAApBA,CAARE,KAAM,CAANA,CAAAA,IAAAA,CAAAA,YAAAA;AAHFH,KAAE,CAAFA;AAXFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { DropdownFilter } from '../index';\r\n\r\nconst list = [{label: 'Contact'}, \r\n  {label: 'About'}, \r\n  {label: 'Base'},\r\n  {label: 'Blog'}, \r\n  {label: 'Contact 3'}, \r\n  {label: 'Custom'}, \r\n  {label: 'Support'}, \r\n  {label: 'Tools'}];\r\n\r\ndescribe('<DropdownFilter />', () => {\r\n  it('Renders with no default value', async () => {\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe('');\r\n  });\r\n\r\n  it('Renders with required input if specified', async () => {\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" required />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).required).toBe(true);\r\n  });\r\n\r\n  it('Renders with inital value if specified', async () => {\r\n    const initialValue = 'Contact';\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" initalValue={initialValue} />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe(initialValue);\r\n  });\r\n});\r\n"],"file":"DropdownFilter.test.js"}

package/dist/umd/Dropdown/index.js

@@ -0,0 +1,40 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./DropdownFilter", "./BasicDropdown", "./DropdownButton", "./ChipDropdownInput"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./DropdownFilter"), require("./BasicDropdown"), require("./DropdownButton"), require("./ChipDropdownInput"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.DropdownFilter, global.BasicDropdown, global.DropdownButton, global.ChipDropdownInput);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _DropdownFilter, _BasicDropdown, _DropdownButton, _ChipDropdownInput) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ChipDropdownInput = exports.DropdownButton = exports.BasicDropdown = exports.DropdownFilter = undefined;
+
+  var _DropdownFilter2 = _interopRequireDefault(_DropdownFilter);
+
+  var _BasicDropdown2 = _interopRequireDefault(_BasicDropdown);
+
+  var _DropdownButton2 = _interopRequireDefault(_DropdownButton);
+
+  var _ChipDropdownInput2 = _interopRequireDefault(_ChipDropdownInput);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  exports.DropdownFilter = _DropdownFilter2.default;
+  exports.BasicDropdown = _BasicDropdown2.default;
+  exports.DropdownButton = _DropdownButton2.default;
+  exports.ChipDropdownInput = _ChipDropdownInput2.default;
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKA,c,GAAA,wB;UAAA,a,GAAA,uB;UAAA,c,GAAA,wB;UAAA,iB,GAAA,2B","sourcesContent":["import DropdownFilter from './DropdownFilter';\r\nimport BasicDropdown from './BasicDropdown';\r\nimport DropdownButton from './DropdownButton';\r\nimport ChipDropdownInput from './ChipDropdownInput';\r\n\r\nexport { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput };\r\n"],"file":"index.js"}