@neo4j-ndl/react-charts 1.0.114 → 1.0.116

package/lib/esm/charts/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EACL,eAAe,EACf,OAAO,EACP,UAAU,EACV,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOpD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,UAAU,GAAG,SAAS,mBAAmB,CAAC,EAc9B;;QAd8B,EAC9C,QAAQ,EACR,EAAE,EACF,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,EACH,sBAAsB,EACtB,sBAAsB,OAEN,EADb,SAAS,cAbkC,wKAc/C,CADa;IAEZ,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,UAAU,CACxB,uBAAuB,EACvB;QACE,kCAAkC,EAAE,UAAU;QAC9C,gCAAgC,EAAE,QAAQ;KAC3C,EACD,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,IAAI,MAAA,eAAe,CAAC,IAAI,CAAC,mCAAI,KAAK,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,oBACQ,IAAI,EACpB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,sBAAsB,EACpC,YAAY,EAAE,sBAAsB,IAChC,SAAS,eAEb,eACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EACH;oBACE,+BAA+B,EAAE,KAAK;oBACtC,eAAe,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;iBACtC,YAGzB,QAAQ,KAAK,IAAI,IAAI,CACpB,KAAC,gBAAgB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CACxE,GACI,EACP,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,KACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,eAAe,CAAC,EAQb;QARa,EAC7C,SAAS,EACT,YAAY,GAAG,UAAU,EACzB,MAAM,EACN,QAAQ,EACR,GAAG,EACH,cAAc,OAEkB,EAD7B,SAAS,cAPiC,4EAQ9C,CADa;IAEZ,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,MAAA,CAAC,CAAC,IAAI,mCAAI,EAAE,EAAE,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC,CAC5D,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAC5E,MAAM,eAAe,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,MAAM,eAAe,GAAG,CACtB,cAAiD,EACjD,EAAE;QACF,wDAAwD;QACxD,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,iFAAiF;QACjF,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,yBAAyB,CACvB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,cAAc,EACd,WAAW,CACZ,CAAC;QACJ,CAAC,EAAE,YAAY,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CACrB,cAAiD,EACjD,EAAE;QACF,wEAAwE;QACxE,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QAED,wHAAwH;QACxH,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxC,yBAAyB,CACvB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,cAAc,EACd,UAAU,CACX,CAAC;QACJ,CAAC,EAAE,YAAY,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CACf,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,MAAA,CAAC,CAAC,IAAI,mCAAI,EAAE,EAAE,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC,CAC5D,CAAC;QAEF,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEjD,MAAM,UAAU,GAAG;YACjB,qBAAqB;YACrB,iBAAiB;YACjB,gBAAgB;YAChB,kBAAkB;SACV,CAAC;QAEX,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE;;gBAC9B,IACE,OAAO,MAAM,KAAK,QAAQ;oBAC1B,MAAM,KAAK,IAAI;oBACf,UAAU,IAAI,MAAM;oBACpB,MAAM,CAAC,QAAQ,KAAK,IAAI,EACxB,CAAC;oBACD,MAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,QAAQ,mCAAI,EAAE,CAAC;oBACvC,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CACzC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7B,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,MAAA,eAAe,CAAC,GAAG,CAAC,mCAAI,KAAK,CAAC,CAAA,EAAA,CAC5C,CACF,CAAC;oBAEF,iFAAiF;oBACjF,IAAI,SAAS,KAAK,qBAAqB,EAAE,CAAC;wBACxC,uBAAuB,CAAC,KAAoB,CAAC,CAAC;oBAChD,CAAC;oBAED,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,SAAS,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,UAAU,CACxB,kBAAkB,EAClB;QACE,6BAA6B,EAAE,YAAY,KAAK,YAAY;QAC5D,2BAA2B,EAAE,YAAY,KAAK,UAAU;KACzD,EACD,SAAS,CACV,CAAC;IAEF,MAAM,EAAE,sBAAsB,EAAE,aAAa,EAAE,GAAG,mBAAmB,CACnE,QAAQ,EACR,cAAc,CACf,CAAC;IAEF,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4BAA4B,IAClC,SAAS,EACT,cAAc,cAEjB,YAAY,KAAK,YAAY,IAAI,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9D,cAAK,SAAS,EAAE,OAAO,YACpB,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;gBACnC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE7C,MAAM,oBAAoB,GACxB,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;gBAEvD,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;gBAElE,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;gBAElC,MAAM,YAAY,GAChB,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAE1C,OAAO,CACL,KAAC,eAAe,IAEd,UAAU,EAAE,YAAY,KAAK,YAAY,EACzC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,KAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,YACpB,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC9B,QAAQ,GACO,IAHQ,KAAK,CAIvB,CACX,YAED,KAAC,UAAU,IACT,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EACR,kBAAkB,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAExD,sBAAsB,EAAE,GAAG,EAAE;4BAC3B,CAAC,YAAY,IAAI,eAAe,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;wBACpD,CAAC,EACD,sBAAsB,EAAE,GAAG,EAAE;4BAC3B,CAAC,YAAY,IAAI,cAAc,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;wBACnD,CAAC,EACD,iBAAiB,EAAE,GAAG,EAAE;;4BACtB,MAAM,mBAAmB,GACvB,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;4BAEzC,MAAM,aAAa,GACjB,cAAc,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;gCACxC,oBAAoB,KAAK,CAAC,CAAC;4BAE7B,sBAAsB,CACpB,aAAa,CAAC,IAAI,EAClB,mBAAmB,EACnB,aAAa,CACd,CAAC;wBACJ,CAAC,EACD,QAAQ,EACN,CAAC,kBAAkB;4BACnB,cAAc,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAE1C,UAAU,EAAE,YAAY,YAEvB,MAAA,aAAa,CAAC,IAAI,mCAAI,UAAU,KAAK,EAAE,GAC7B,IA3CR,KAAK,CA4CM,CACnB,CAAC;YACJ,CAAC,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,aAAa,EAC9B,sBAAsB,EAAE,CAAC,cAAc,EAAE,EAAE,CACzC,eAAe,CAAC,cAAc,CAAC,EAEjC,sBAAsB,EAAE,CAAC,cAAc,EAAE,EAAE,CACzC,cAAc,CAAC,cAAc,CAAC,EAEhC,wBAAwB,EAAE,CACxB,IAAI,EACJ,mBAAmB,EACnB,aAAa,EACb,EAAE;gBACF,sBAAsB,CAAC,IAAI,EAAE,mBAAmB,EAAE,aAAa,CAAC,CAAC;YACnE,CAAC,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,SAAS,cAAc,CAAC,EACjD,SAAS,EACT,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,cAAc,EACd,sBAAsB,EACtB,sBAAsB,GACF;IACpB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAChE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAC1B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,wBAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CACtC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACrD,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7C,iBAAiB,CAAC;QAChB,4GAA4G;QAC5G,oDAAoD;QACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC9B,OAAO;YACT,CAAC;YACD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;gBACxB,wBAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACtD,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,GAAG,EAAE,YAA4C;KAClD,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,IAAI,UAAU,GAAG,CAAC,CAAC;QAEnB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClC,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACtD,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAAC,CAAC;YAE/D,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAClD,UAAU,IAAI,aAAa,CAAC;QAC9B,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;YACtD,UAAU,IAAI,YAAY,CAAC;YAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YACxC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;YACxD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,IAAI,UAAU,GAAG,KAAK,EAAE,CAAC;gBACvB,wBAAwB,CAAC,CAAC,QAAQ,EAAE,EAAE,CACpC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAC7C,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,UAAU,CACxB;QACE,8BAA8B,EAAE,KAAK,KAAK,QAAQ;KACnD,EACD,SAAS,CACV,CAAC;IAEF,MAAM,oBAAoB,GACxB,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5D,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;IAElE,MAAM,yBAAyB,GAAG,kBAAkB,CAAC,KAAK,CACxD,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,CAAC,cAAc,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAA,EAAA,CAC3C,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,aACvC,qBAAqB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;gBAClC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;gBAC1D,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;oBAChC,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,YAAY,GAChB,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAE1C,OAAO,CACL,KAAC,UAAU,IAET,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAC3B,CAAC,YAAY,IAAI,sBAAsB,CAAC,CAAC,aAAa,CAAC,CAAC,EAE1D,sBAAsB,EAAE,GAAG,EAAE,CAC3B,CAAC,YAAY,IAAI,sBAAsB,CAAC,CAAC,aAAa,CAAC,CAAC,EAE1D,iBAAiB,EAAE,GAAG,EAAE;wBACtB,MAAM,mBAAmB,GACvB,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;wBAEzC,MAAM,aAAa,GACjB,cAAc,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,IAAI,oBAAoB,KAAK,CAAC,CAAC;wBAE3D,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CACtB,IAAI,EACJ,mBAAmB,EACnB,aAAa,EACb,MAAM,CACP,CAAC;oBACJ,CAAC,EACD,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EACN,CAAC,kBAAkB,IAAI,cAAc,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAEjE,UAAU,EAAE,YAAY,YAEvB,IAAI,IA7BA,IAAI,CA8BE,CACd,CAAC;YACJ,CAAC,CAAC,EAED,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,MAAC,UAAU,IACT,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EACjC,QAAQ,EACN,CAAC,kBAAkB;gCACnB,kBAAkB,CAAC,KAAK,CACtB,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,cAAc,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAA,EAAA,CAC1C,EAEH,UAAU,EAAE,yBAAyB,EACrC,sBAAsB,EAAE,GAAG,EAAE,CAC3B,CAAC,yBAAyB;gCAC1B,sBAAsB,CAAC,kBAAkB,CAAC,EAE5C,sBAAsB,EAAE,GAAG,EAAE,CAC3B,CAAC,yBAAyB;gCAC1B,sBAAsB,CAAC,kBAAkB,CAAC,EAE5C,iBAAiB,EAAE,GAAG,EAAE;gCACtB,MAAM,oBAAoB,GACxB,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;gCAEvD,MAAM,0BAA0B,GAC9B,oBAAoB,KAAK,kBAAkB,CAAC,MAAM;oCAClD,kBAAkB,CAAC,KAAK,CACtB,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,cAAc,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAA,EAAA,CAC1C,CAAC;gCAEJ,IAAI,0BAA0B,EAAE,CAAC;oCAC/B,eAAe,EAAE,CAAC;oCAClB,OAAO;gCACT,CAAC;gCAED,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oCACzC,MAAM,mBAAmB,GACvB,oBAAoB,KAAK,MAAM,CAAC,MAAM,IAAI,KAAK,KAAK,CAAC,CAAC;oCAExD,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CACtB,IAAI,CAAC,IAAI,EACT,mBAAmB,EACnB,KAAK,EACL,MAAM,CACP,CAAC;gCACJ,CAAC,CAAC,CAAC;4BACL,CAAC,aAEA,kBAAkB,CAAC,MAAM,aACf,GACG,EAClB,KAAC,OAAO,CAAC,OAAO,cACb,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChC,sBAAoB,IAAI,CAAC,IAAI,IAArB,IAAI,CAAC,IAAI,CAAiB,CACnC,CAAC,GACc,IACV,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  ConditionalWrap,\n  Tooltip,\n  Typography,\n  useResizeObserver,\n} from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { type EChartsType, getInstanceByDom } from 'echarts';\nimport type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport {\n  type LegendItemProps,\n  type LegendOverflowProps,\n  type LegendProps,\n} from './chart-types';\nimport {\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n  isThresholdLine,\n  resetAllSeriesHighlight,\n  useLegendVisibility,\n} from './legend-utils';\nimport { type CommonProps } from './types';\n\nconst LegendItem = function LegendItemComponent({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n\nexport const Legend = function LegendComponent({\n  className,\n  wrappingType = 'wrapping',\n  series,\n  chartRef,\n  ref,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', LegendProps>) {\n  const [selectedSeries, setSelectedSeries] = useState<Record<string, boolean>>(\n    Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n  );\n\n  const highlightTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const downplayTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverTimeOut = 80;\n\n  const highlightSeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the downplay timeout when a new item is hovered\n    if (downplayTimeOut.current) {\n      clearTimeout(downplayTimeOut.current);\n    }\n\n    // Delay the highlight to avoid flickering when quickly hovering the legend items\n    highlightTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'highlight',\n      );\n    }, hoverTimeOut);\n  };\n\n  const downplaySeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the highlight timeout when the mouse is leaving the legend item\n    if (highlightTimeOut.current) {\n      clearTimeout(highlightTimeOut.current);\n    }\n\n    // Delay the downplay to avoid flickering when moving the highlight between legend items (no downplay needed in between)\n    downplayTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'downplay',\n      );\n    }, hoverTimeOut);\n  };\n\n  useEffect(() => {\n    setSelectedSeries(\n      Object.fromEntries(series.map((s) => [s.name ?? '', true])),\n    );\n\n    if (chartRef.current === null) {\n      return;\n    }\n    const chart = getInstanceByDom(chartRef.current);\n\n    const eventTypes = [\n      'legendselectchanged',\n      'legendselectall',\n      'legendselected',\n      'legendunselected',\n    ] as const;\n\n    eventTypes.forEach((eventType) => {\n      chart?.on(eventType, (params) => {\n        if (\n          typeof params === 'object' &&\n          params !== null &&\n          'selected' in params &&\n          params.selected !== null\n        ) {\n          const selected = params.selected ?? {};\n          const filteredSelected = Object.fromEntries(\n            Object.entries(selected).filter(\n              ([key]) => !(isThresholdLine(key) ?? false),\n            ),\n          );\n\n          // Reset the series highlight to avoid series to stay blurred on selection change\n          if (eventType === 'legendselectchanged') {\n            resetAllSeriesHighlight(chart as EChartsType);\n          }\n\n          setSelectedSeries(filteredSelected);\n        }\n      });\n    });\n\n    return () => {\n      eventTypes.forEach((eventType) => {\n        chart?.off(eventType);\n      });\n    };\n  }, [chartRef, series]);\n\n  const classes = classNames(\n    `ndl-chart-legend`,\n    {\n      'ndl-chart-legend-truncation': wrappingType === 'truncation',\n      'ndl-chart-legend-wrapping': wrappingType === 'wrapping',\n    },\n    className,\n  );\n\n  const { toggleLegendVisibility, setAllVisible } = useLegendVisibility(\n    chartRef,\n    selectedSeries,\n  );\n\n  return (\n    <div\n      ref={ref}\n      className=\"ndl-chart-legend-container\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {wrappingType === 'truncation' || wrappingType === 'wrapping' ? (\n        <div className={classes}>\n          {series.map((currentSeries, index) => {\n            const hasMoreThanOneItem = series.length > 1;\n\n            const selectedSeriesLength =\n              Object.values(selectedSeries).filter(Boolean).length;\n\n            const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n            const color = currentSeries.color;\n\n            const isDeselected =\n              currentSeries.name === undefined\n                ? false\n                : !selectedSeries[currentSeries.name];\n\n            return (\n              <ConditionalWrap\n                key={index}\n                shouldWrap={wrappingType === 'truncation'}\n                wrap={(children) => (\n                  <Tooltip type=\"simple\" key={index}>\n                    <Tooltip.Trigger hasButtonWrapper>\n                      {children}\n                    </Tooltip.Trigger>\n                  </Tooltip>\n                )}\n              >\n                <LegendItem\n                  name={currentSeries.name}\n                  color={color}\n                  hasButtons={\n                    hasMoreThanOneItem && currentSeries.name !== undefined\n                  }\n                  onLegendItemMouseEnter={() => {\n                    !isDeselected && highlightSeries([currentSeries]);\n                  }}\n                  onLegendItemMouseLeave={() => {\n                    !isDeselected && downplaySeries([currentSeries]);\n                  }}\n                  onLegendItemClick={() => {\n                    const isAllSeriesSelected =\n                      selectedSeriesLength === series.length;\n\n                    const isOnlyVisible =\n                      selectedSeries[currentSeries.name ?? ''] &&\n                      selectedSeriesLength === 1;\n\n                    toggleLegendVisibility(\n                      currentSeries.name,\n                      isAllSeriesSelected,\n                      isOnlyVisible,\n                    );\n                  }}\n                  selected={\n                    !isAllSeriesVisible &&\n                    selectedSeries[currentSeries.name ?? '']\n                  }\n                  deSelected={isDeselected}\n                >\n                  {currentSeries.name ?? `Series ${index}`}\n                </LegendItem>\n              </ConditionalWrap>\n            );\n          })}\n        </div>\n      ) : (\n        <LegendOverflowType\n          className={classes}\n          selectedSeries={selectedSeries}\n          wrappingType={wrappingType}\n          chartRef={chartRef}\n          series={series}\n          onSetAllVisible={setAllVisible}\n          onLegendItemMouseEnter={(seriesToUpdate) =>\n            highlightSeries(seriesToUpdate)\n          }\n          onLegendItemMouseLeave={(seriesToUpdate) =>\n            downplaySeries(seriesToUpdate)\n          }\n          onToggleLegendVisibility={(\n            name,\n            isAllSeriesSelected,\n            isOnlyVisible,\n          ) => {\n            toggleLegendVisibility(name, isAllSeriesSelected, isOnlyVisible);\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst LegendOverflowType = function LegendOverflow({\n  className,\n  series,\n  onSetAllVisible,\n  onToggleLegendVisibility,\n  selectedSeries,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n}: LegendOverflowProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const [nonOverflowItemsNames, setNonOverflowItemsNames] = useState<string[]>(\n    series.map((s) => s.name),\n  );\n\n  useEffect(() => {\n    setNonOverflowItemsNames(series.map((s) => s.name));\n  }, [series]);\n\n  const overflowItemsNames = series.filter(\n    (item) => !nonOverflowItemsNames.includes(item.name),\n  );\n\n  const [width, setWidth] = useState(Infinity);\n  useResizeObserver({\n    // TODO: remove type cast. use-hooks.ts 3.1.1 has a type issue with the ref, it should be HTMLElement | null\n    // https://github.com/juliencrn/usehooks-ts/pull/680\n    onResize: (entry) => {\n      if (entry.width === undefined) {\n        return;\n      }\n      if (width < entry.width) {\n        setNonOverflowItemsNames(series.map((s) => s.name));\n      }\n      setWidth(entry.width);\n    },\n    ref: containerRef as React.RefObject<HTMLElement>,\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    let elements = Array.from(container.children);\n    if (elements.length === 0 || series.length === 0) {\n      return;\n    }\n\n    let totalWidth = 0;\n\n    if (overflowItemsNames.length > 0) {\n      const lastElementItem = elements[elements.length - 1];\n      const lastItemWidth = getComputedElementWidth(lastElementItem);\n\n      elements = elements.slice(0, elements.length - 1);\n      totalWidth += lastItemWidth;\n    }\n\n    elements.forEach((element) => {\n      const elementWidth = getComputedElementWidth(element);\n      totalWidth += elementWidth;\n      const textContent = element.textContent;\n      if (!textContent) {\n        return;\n      }\n      const itemName = element.getAttribute('data-labelname');\n      if (itemName === null) {\n        return;\n      }\n      if (totalWidth > width) {\n        setNonOverflowItemsNames((oldNames) =>\n          oldNames.filter((name) => name !== itemName),\n        );\n      }\n    });\n  }, [overflowItemsNames.length, series.length, width]);\n\n  const classes = classNames(\n    {\n      'ndl-chart-legend-calculating': width === Infinity,\n    },\n    className,\n  );\n\n  const selectedSeriesLength =\n    Object.values(selectedSeries).filter(Boolean).length;\n\n  const hasMoreThanOneItem = nonOverflowItemsNames.length > 1;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n  const isOverflowItemsDeselected = overflowItemsNames.every(\n    (item) => !selectedSeries[item.name ?? ''],\n  );\n\n  return (\n    <div className={classes} ref={containerRef}>\n      {nonOverflowItemsNames.map((name) => {\n        const currentSeries = series.find((s) => s.name === name);\n        if (currentSeries === undefined) {\n          return null;\n        }\n\n        const isDeselected =\n          currentSeries.name === undefined\n            ? false\n            : !selectedSeries[currentSeries.name];\n\n        return (\n          <LegendItem\n            key={name}\n            name={name}\n            color={currentSeries.color}\n            onLegendItemMouseEnter={() =>\n              !isDeselected && onLegendItemMouseEnter([currentSeries])\n            }\n            onLegendItemMouseLeave={() =>\n              !isDeselected && onLegendItemMouseLeave([currentSeries])\n            }\n            onLegendItemClick={() => {\n              const isAllSeriesSelected =\n                selectedSeriesLength === series.length;\n\n              const isOnlyVisible =\n                selectedSeries[name ?? ''] && selectedSeriesLength === 1;\n\n              onToggleLegendVisibility?.(\n                name,\n                isAllSeriesSelected,\n                isOnlyVisible,\n                series,\n              );\n            }}\n            hasButtons={hasMoreThanOneItem}\n            selected={\n              !isAllSeriesVisible && selectedSeries[currentSeries.name ?? '']\n            }\n            deSelected={isDeselected}\n          >\n            {name}\n          </LegendItem>\n        );\n      })}\n\n      {overflowItemsNames.length > 0 && (\n        <Tooltip type=\"simple\">\n          <Tooltip.Trigger hasButtonWrapper>\n            <LegendItem\n              name=\"ndl-overflow-items\"\n              color={tokens.palette.neutral[30]}\n              selected={\n                !isAllSeriesVisible &&\n                overflowItemsNames.every(\n                  (item) => selectedSeries[item.name ?? ''],\n                )\n              }\n              deSelected={isOverflowItemsDeselected}\n              onLegendItemMouseEnter={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseEnter(overflowItemsNames)\n              }\n              onLegendItemMouseLeave={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseLeave(overflowItemsNames)\n              }\n              onLegendItemClick={() => {\n                const selectedSeriesLength =\n                  Object.values(selectedSeries).filter(Boolean).length;\n\n                const isOnlyOverflowItemsVisible =\n                  selectedSeriesLength === overflowItemsNames.length &&\n                  overflowItemsNames.every(\n                    (item) => selectedSeries[item.name ?? ''],\n                  );\n\n                if (isOnlyOverflowItemsVisible) {\n                  onSetAllVisible();\n                  return;\n                }\n\n                overflowItemsNames.forEach((item, index) => {\n                  const isAllSeriesSelected =\n                    selectedSeriesLength === series.length && index === 0;\n\n                  onToggleLegendVisibility?.(\n                    item.name,\n                    isAllSeriesSelected,\n                    false,\n                    series,\n                  );\n                });\n              }}\n            >\n              {overflowItemsNames.length} more\n            </LegendItem>\n          </Tooltip.Trigger>\n          <Tooltip.Content>\n            {overflowItemsNames.map((item) => (\n              <p key={item.name}>{item.name}</p>\n            ))}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport {\n  ConditionalWrap,\n  Tooltip,\n  Typography,\n  useResizeObserver,\n} from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { type EChartsType, getInstanceByDom } from 'echarts';\nimport type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport {\n  type LegendItemProps,\n  type LegendOverflowProps,\n  type LegendProps,\n} from './chart-types';\nimport {\n  getComputedElementWidth,\n  highlightOrDownplaySeries,\n  isThresholdLine,\n  resetAllSeriesHighlight,\n  useLegendVisibility,\n} from './legend-utils';\nimport { type CommonProps } from './types';\n\nconst LegendItem = function LegendItemComponent({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n\nexport const Legend = function LegendComponent({\n  className,\n  wrappingType = 'wrapping',\n  series,\n  chartRef,\n  selectedRef,\n  ref,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', LegendProps>) {\n  const initialSelected = Object.fromEntries(\n    series.map((s) => [s.name ?? '', true]),\n  );\n  const [selectedSeries, setSelectedSeries] =\n    useState<Record<string, boolean>>(initialSelected);\n\n  // Keep the shared ref in sync so Chart can read the latest selection state\n  // when building setOption. This is the single source of truth for legend filters.\n  useEffect(() => {\n    if (selectedRef) {\n      selectedRef.current = selectedSeries;\n    }\n  }, [selectedRef, selectedSeries]);\n\n  const highlightTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const downplayTimeOut = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverTimeOut = 80;\n\n  const highlightSeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the downplay timeout when a new item is hovered\n    if (downplayTimeOut.current) {\n      clearTimeout(downplayTimeOut.current);\n    }\n\n    // Delay the highlight to avoid flickering when quickly hovering the legend items\n    highlightTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'highlight',\n      );\n    }, hoverTimeOut);\n  };\n\n  const downplaySeries = (\n    seriesToUpdate: { name: string; color: string }[],\n  ) => {\n    // Clear the highlight timeout when the mouse is leaving the legend item\n    if (highlightTimeOut.current) {\n      clearTimeout(highlightTimeOut.current);\n    }\n\n    // Delay the downplay to avoid flickering when moving the highlight between legend items (no downplay needed in between)\n    downplayTimeOut.current = setTimeout(() => {\n      highlightOrDownplaySeries(\n        chartRef,\n        series,\n        selectedSeries,\n        seriesToUpdate,\n        'downplay',\n      );\n    }, hoverTimeOut);\n  };\n\n  useEffect(() => {\n    // Preserve existing legend selection state across re-renders.\n    // Only new series default to visible (true); removed series are dropped.\n    const prev = selectedRef?.current ?? {};\n    const next: Record<string, boolean> = {};\n    for (const s of series) {\n      const name = s.name ?? '';\n      next[name] = prev[name] ?? true;\n    }\n    setSelectedSeries(next);\n\n    if (chartRef.current === null) {\n      return;\n    }\n    const chart = getInstanceByDom(chartRef.current);\n\n    const eventTypes = [\n      'legendselectchanged',\n      'legendselectall',\n      'legendselected',\n      'legendunselected',\n    ] as const;\n\n    eventTypes.forEach((eventType) => {\n      chart?.on(eventType, (params) => {\n        if (\n          typeof params === 'object' &&\n          params !== null &&\n          'selected' in params &&\n          params.selected !== null\n        ) {\n          const selected = params.selected ?? {};\n          const filteredSelected = Object.fromEntries(\n            Object.entries(selected).filter(\n              ([key]) => !(isThresholdLine(key) ?? false),\n            ),\n          );\n\n          // Reset the series highlight to avoid series to stay blurred on selection change\n          if (eventType === 'legendselectchanged') {\n            resetAllSeriesHighlight(chart as EChartsType);\n          }\n\n          setSelectedSeries(filteredSelected);\n        }\n      });\n    });\n\n    return () => {\n      eventTypes.forEach((eventType) => {\n        chart?.off(eventType);\n      });\n    };\n  }, [chartRef, series]);\n\n  const classes = classNames(\n    `ndl-chart-legend`,\n    {\n      'ndl-chart-legend-truncation': wrappingType === 'truncation',\n      'ndl-chart-legend-wrapping': wrappingType === 'wrapping',\n    },\n    className,\n  );\n\n  const { toggleLegendVisibility, setAllVisible } = useLegendVisibility(\n    chartRef,\n    selectedSeries,\n  );\n\n  return (\n    <div\n      ref={ref}\n      className=\"ndl-chart-legend-container\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {wrappingType === 'truncation' || wrappingType === 'wrapping' ? (\n        <div className={classes}>\n          {series.map((currentSeries, index) => {\n            const hasMoreThanOneItem = series.length > 1;\n\n            const selectedSeriesLength =\n              Object.values(selectedSeries).filter(Boolean).length;\n\n            const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n            const color = currentSeries.color;\n\n            const isDeselected =\n              currentSeries.name === undefined\n                ? false\n                : !selectedSeries[currentSeries.name];\n\n            return (\n              <ConditionalWrap\n                key={index}\n                shouldWrap={wrappingType === 'truncation'}\n                wrap={(children) => (\n                  <Tooltip type=\"simple\" key={index}>\n                    <Tooltip.Trigger hasButtonWrapper>\n                      {children}\n                    </Tooltip.Trigger>\n                  </Tooltip>\n                )}\n              >\n                <LegendItem\n                  name={currentSeries.name}\n                  color={color}\n                  hasButtons={\n                    hasMoreThanOneItem && currentSeries.name !== undefined\n                  }\n                  onLegendItemMouseEnter={() => {\n                    !isDeselected && highlightSeries([currentSeries]);\n                  }}\n                  onLegendItemMouseLeave={() => {\n                    !isDeselected && downplaySeries([currentSeries]);\n                  }}\n                  onLegendItemClick={() => {\n                    const isAllSeriesSelected =\n                      selectedSeriesLength === series.length;\n\n                    const isOnlyVisible =\n                      selectedSeries[currentSeries.name ?? ''] &&\n                      selectedSeriesLength === 1;\n\n                    toggleLegendVisibility(\n                      currentSeries.name,\n                      isAllSeriesSelected,\n                      isOnlyVisible,\n                    );\n                  }}\n                  selected={\n                    !isAllSeriesVisible &&\n                    selectedSeries[currentSeries.name ?? '']\n                  }\n                  deSelected={isDeselected}\n                >\n                  {currentSeries.name ?? `Series ${index}`}\n                </LegendItem>\n              </ConditionalWrap>\n            );\n          })}\n        </div>\n      ) : (\n        <LegendOverflowType\n          className={classes}\n          selectedSeries={selectedSeries}\n          wrappingType={wrappingType}\n          chartRef={chartRef}\n          series={series}\n          onSetAllVisible={setAllVisible}\n          onLegendItemMouseEnter={(seriesToUpdate) =>\n            highlightSeries(seriesToUpdate)\n          }\n          onLegendItemMouseLeave={(seriesToUpdate) =>\n            downplaySeries(seriesToUpdate)\n          }\n          onToggleLegendVisibility={(\n            name,\n            isAllSeriesSelected,\n            isOnlyVisible,\n          ) => {\n            toggleLegendVisibility(name, isAllSeriesSelected, isOnlyVisible);\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nconst LegendOverflowType = function LegendOverflow({\n  className,\n  series,\n  onSetAllVisible,\n  onToggleLegendVisibility,\n  selectedSeries,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n}: LegendOverflowProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const [nonOverflowItemsNames, setNonOverflowItemsNames] = useState<string[]>(\n    series.map((s) => s.name),\n  );\n\n  useEffect(() => {\n    setNonOverflowItemsNames(series.map((s) => s.name));\n  }, [series]);\n\n  const overflowItemsNames = series.filter(\n    (item) => !nonOverflowItemsNames.includes(item.name),\n  );\n\n  const [width, setWidth] = useState(Infinity);\n  useResizeObserver({\n    // TODO: remove type cast. use-hooks.ts 3.1.1 has a type issue with the ref, it should be HTMLElement | null\n    // https://github.com/juliencrn/usehooks-ts/pull/680\n    onResize: (entry) => {\n      if (entry.width === undefined) {\n        return;\n      }\n      if (width < entry.width) {\n        setNonOverflowItemsNames(series.map((s) => s.name));\n      }\n      setWidth(entry.width);\n    },\n    ref: containerRef as React.RefObject<HTMLElement>,\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    let elements = Array.from(container.children);\n    if (elements.length === 0 || series.length === 0) {\n      return;\n    }\n\n    let totalWidth = 0;\n\n    if (overflowItemsNames.length > 0) {\n      const lastElementItem = elements[elements.length - 1];\n      const lastItemWidth = getComputedElementWidth(lastElementItem);\n\n      elements = elements.slice(0, elements.length - 1);\n      totalWidth += lastItemWidth;\n    }\n\n    elements.forEach((element) => {\n      const elementWidth = getComputedElementWidth(element);\n      totalWidth += elementWidth;\n      const textContent = element.textContent;\n      if (!textContent) {\n        return;\n      }\n      const itemName = element.getAttribute('data-labelname');\n      if (itemName === null) {\n        return;\n      }\n      if (totalWidth > width) {\n        setNonOverflowItemsNames((oldNames) =>\n          oldNames.filter((name) => name !== itemName),\n        );\n      }\n    });\n  }, [overflowItemsNames.length, series.length, width]);\n\n  const classes = classNames(\n    {\n      'ndl-chart-legend-calculating': width === Infinity,\n    },\n    className,\n  );\n\n  const selectedSeriesLength =\n    Object.values(selectedSeries).filter(Boolean).length;\n\n  const hasMoreThanOneItem = nonOverflowItemsNames.length > 1;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n\n  const isOverflowItemsDeselected = overflowItemsNames.every(\n    (item) => !selectedSeries[item.name ?? ''],\n  );\n\n  return (\n    <div className={classes} ref={containerRef}>\n      {nonOverflowItemsNames.map((name) => {\n        const currentSeries = series.find((s) => s.name === name);\n        if (currentSeries === undefined) {\n          return null;\n        }\n\n        const isDeselected =\n          currentSeries.name === undefined\n            ? false\n            : !selectedSeries[currentSeries.name];\n\n        return (\n          <LegendItem\n            key={name}\n            name={name}\n            color={currentSeries.color}\n            onLegendItemMouseEnter={() =>\n              !isDeselected && onLegendItemMouseEnter([currentSeries])\n            }\n            onLegendItemMouseLeave={() =>\n              !isDeselected && onLegendItemMouseLeave([currentSeries])\n            }\n            onLegendItemClick={() => {\n              const isAllSeriesSelected =\n                selectedSeriesLength === series.length;\n\n              const isOnlyVisible =\n                selectedSeries[name ?? ''] && selectedSeriesLength === 1;\n\n              onToggleLegendVisibility?.(\n                name,\n                isAllSeriesSelected,\n                isOnlyVisible,\n                series,\n              );\n            }}\n            hasButtons={hasMoreThanOneItem}\n            selected={\n              !isAllSeriesVisible && selectedSeries[currentSeries.name ?? '']\n            }\n            deSelected={isDeselected}\n          >\n            {name}\n          </LegendItem>\n        );\n      })}\n\n      {overflowItemsNames.length > 0 && (\n        <Tooltip type=\"simple\">\n          <Tooltip.Trigger hasButtonWrapper>\n            <LegendItem\n              name=\"ndl-overflow-items\"\n              color={tokens.palette.neutral[30]}\n              selected={\n                !isAllSeriesVisible &&\n                overflowItemsNames.every(\n                  (item) => selectedSeries[item.name ?? ''],\n                )\n              }\n              deSelected={isOverflowItemsDeselected}\n              onLegendItemMouseEnter={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseEnter(overflowItemsNames)\n              }\n              onLegendItemMouseLeave={() =>\n                !isOverflowItemsDeselected &&\n                onLegendItemMouseLeave(overflowItemsNames)\n              }\n              onLegendItemClick={() => {\n                const selectedSeriesLength =\n                  Object.values(selectedSeries).filter(Boolean).length;\n\n                const isOnlyOverflowItemsVisible =\n                  selectedSeriesLength === overflowItemsNames.length &&\n                  overflowItemsNames.every(\n                    (item) => selectedSeries[item.name ?? ''],\n                  );\n\n                if (isOnlyOverflowItemsVisible) {\n                  onSetAllVisible();\n                  return;\n                }\n\n                overflowItemsNames.forEach((item, index) => {\n                  const isAllSeriesSelected =\n                    selectedSeriesLength === series.length && index === 0;\n\n                  onToggleLegendVisibility?.(\n                    item.name,\n                    isAllSeriesSelected,\n                    false,\n                    series,\n                  );\n                });\n              }}\n            >\n              {overflowItemsNames.length} more\n            </LegendItem>\n          </Tooltip.Trigger>\n          <Tooltip.Content>\n            {overflowItemsNames.map((item) => (\n              <p key={item.name}>{item.name}</p>\n            ))}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/esm/charts/chart-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../src/charts/chart-types.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type EChartsOption,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  type SetOptionOpts,\n} from 'echarts';\n\nexport type Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\nexport interface ThresholdLineSeriesOption<\n  T extends NotificationType,\n> extends Omit<LineSeriesOption, 'type'> {\n  type: 'thresholdLine';\n  yAxis: number;\n  xAxis: [number, number];\n  notificationType: T;\n  color?: string;\n  condition?: Condition;\n  customConditionText?: string;\n  customCondition?: CustomCondition;\n}\n\n// Only one threshold line of each type is allowed.\nexport type NeedleSeries =\n  | [\n      ThresholdLineSeriesOption<'warning'>,\n      ThresholdLineSeriesOption<'danger'>,\n      ...SeriesOption[],\n    ]\n  | [ThresholdLineSeriesOption<'danger'>, ...SeriesOption[]]\n  | [ThresholdLineSeriesOption<'warning'>, ...SeriesOption[]]\n  | SeriesOption[];\n\nexport interface ChartProps {\n  /** The dataset configuration for the chart. Can be a single dataset or an array of datasets. */\n  dataset: EChartsOption['dataset'];\n  /** The series configuration for the chart. Defines what data to display and how to display it. */\n  series: NeedleSeries;\n  /** X-axis configuration for the chart. */\n  xAxis?: EChartsOption['xAxis'];\n  /** Y-axis configuration for the chart. */\n  yAxis?: EChartsOption['yAxis'];\n  /** Legend configuration for the chart. */\n  legend?: {\n    show?: boolean;\n    wrappingType?: LegendProps['wrappingType'];\n  };\n  /** Additional ECharts options to merge with the chart configuration. */\n  option?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >;\n  /** Custom CSS styles to apply to the chart container. */\n  style?: React.CSSProperties;\n  /** Settings for how ECharts should update the chart. */\n  settings?: SetOptionOpts;\n  /** Whether the chart is in a loading state. */\n  isLoading?: boolean;\n  /** Callback functions for chart interactions. */\n  callbacks?: {\n    onZoom?: (params: { startValue: number; endValue: number }) => void;\n  };\n  /** Data zoom configuration for the chart. */\n  dataZoom?: EChartsOption['dataZoom'];\n  /** Whether the zoom in the chart is disabled */\n  isChartZoomDisabled?: boolean;\n}\n\n/**\n * Chart tooltip\n */\n\nexport interface ChartTooltipProps {\n  children: React.ReactNode;\n  className?: string;\n  isOpen?: boolean;\n  style?: React.CSSProperties;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport type NotificationType = 'warning' | 'danger';\n\nexport type Notification = {\n  leadingElement: React.ReactNode;\n  trailingElement: React.ReactNode;\n  notificationType: NotificationType;\n  id: string;\n};\n\nexport type ChartTooltipContentProps = {\n  leadingElement?: React.ReactNode;\n  trailingElement?: React.ReactNode;\n  indentSquareColor?: string;\n  notifications?: Notification[];\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * Legend\n */\nexport interface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  selected?: boolean;\n  deSelected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\nexport type LegendProps = {\n  wrappingType?: 'wrapping' | 'truncation' | 'overflow';\n  series: {\n    name: string;\n    color: string;\n  }[];\n  chartRef: React.RefObject<HTMLDivElement | null>;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport interface LegendOverflowProps extends LegendProps {\n  className?: string;\n  selectedSeries: Record<string, boolean>;\n  onSetAllVisible: () => void;\n  onToggleLegendVisibility?: (\n    name: string,\n    isAllSeriesSelected: boolean,\n    isOnlyVisible: boolean,\n    allSeries: { name: string; color: string }[],\n  ) => void;\n  onLegendItemMouseEnter: (series: { name: string; color: string }[]) => void;\n  onLegendItemMouseLeave: (series: { name: string; color: string }[]) => void;\n}\n"]}
+{"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../src/charts/chart-types.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type EChartsOption,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  type SetOptionOpts,\n} from 'echarts';\n\nexport type Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\nexport interface ThresholdLineSeriesOption<\n  T extends NotificationType,\n> extends Omit<LineSeriesOption, 'type'> {\n  type: 'thresholdLine';\n  yAxis: number;\n  xAxis: [number, number];\n  notificationType: T;\n  color?: string;\n  condition?: Condition;\n  customConditionText?: string;\n  customCondition?: CustomCondition;\n}\n\n// Only one threshold line of each type is allowed.\nexport type NeedleSeries =\n  | [\n      ThresholdLineSeriesOption<'warning'>,\n      ThresholdLineSeriesOption<'danger'>,\n      ...SeriesOption[],\n    ]\n  | [ThresholdLineSeriesOption<'danger'>, ...SeriesOption[]]\n  | [ThresholdLineSeriesOption<'warning'>, ...SeriesOption[]]\n  | SeriesOption[];\n\nexport interface ChartProps {\n  /** The dataset configuration for the chart. Can be a single dataset or an array of datasets. */\n  dataset: EChartsOption['dataset'];\n  /** The series configuration for the chart. Defines what data to display and how to display it. */\n  series: NeedleSeries;\n  /** X-axis configuration for the chart. */\n  xAxis?: EChartsOption['xAxis'];\n  /** Y-axis configuration for the chart. */\n  yAxis?: EChartsOption['yAxis'];\n  /** Legend configuration for the chart. */\n  legend?: {\n    show?: boolean;\n    wrappingType?: LegendProps['wrappingType'];\n  };\n  /** Additional ECharts options to merge with the chart configuration. */\n  option?: Omit<\n    EChartsOption,\n    'series' | 'dataset' | 'legend' | 'xAxis' | 'yAxis'\n  >;\n  /** Custom CSS styles to apply to the chart container. */\n  style?: React.CSSProperties;\n  /** Settings for how ECharts should update the chart. */\n  settings?: SetOptionOpts;\n  /** Whether the chart is in a loading state. */\n  isLoading?: boolean;\n  /** Callback functions for chart interactions. */\n  callbacks?: {\n    onZoom?: (params: { startValue: number; endValue: number }) => void;\n  };\n  /** Data zoom configuration for the chart. */\n  dataZoom?: EChartsOption['dataZoom'];\n  /** Whether the zoom in the chart is disabled */\n  isChartZoomDisabled?: boolean;\n}\n\n/**\n * Chart tooltip\n */\n\nexport interface ChartTooltipProps {\n  children: React.ReactNode;\n  className?: string;\n  isOpen?: boolean;\n  style?: React.CSSProperties;\n  anchorPosition?: {\n    x: number;\n    y: number;\n  };\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport type NotificationType = 'warning' | 'danger';\n\nexport type Notification = {\n  leadingElement: React.ReactNode;\n  trailingElement: React.ReactNode;\n  notificationType: NotificationType;\n  id: string;\n};\n\nexport type ChartTooltipContentProps = {\n  leadingElement?: React.ReactNode;\n  trailingElement?: React.ReactNode;\n  indentSquareColor?: string;\n  notifications?: Notification[];\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * Legend\n */\nexport interface LegendItemProps {\n  name: string;\n  children: React.ReactNode;\n  as?: 'button' | 'div';\n  className?: string;\n  color?: string;\n  selected?: boolean;\n  deSelected?: boolean;\n  onLegendItemClick?: () => void;\n  hasButtons?: boolean;\n  onLegendItemMouseEnter?: () => void;\n  onLegendItemMouseLeave?: () => void;\n  ref?: React.Ref<HTMLButtonElement> & React.Ref<HTMLDivElement>;\n}\n\nexport type LegendProps = {\n  wrappingType?: 'wrapping' | 'truncation' | 'overflow';\n  series: {\n    name: string;\n    color: string;\n  }[];\n  chartRef: React.RefObject<HTMLDivElement | null>;\n  /** Shared ref for legend selection state. Chart reads this when building\n   *  setOption so that legend filters survive re-renders. */\n  selectedRef?: React.MutableRefObject<Record<string, boolean>>;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport interface LegendOverflowProps extends LegendProps {\n  className?: string;\n  selectedSeries: Record<string, boolean>;\n  onSetAllVisible: () => void;\n  onToggleLegendVisibility?: (\n    name: string,\n    isAllSeriesSelected: boolean,\n    isOnlyVisible: boolean,\n    allSeries: { name: string; color: string }[],\n  ) => void;\n  onLegendItemMouseEnter: (series: { name: string; color: string }[]) => void;\n  onLegendItemMouseLeave: (series: { name: string; color: string }[]) => void;\n}\n"]}

package/lib/esm/charts/tests/PieChartWithRerender.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Chart } from '@neo4j-ndl/react-charts';
+import { useRef, useState } from 'react';
+export function PieChartWithRerenderComponent({ dataset1, dataset2, datasetNewCategories, }) {
+    const [renderCount, setRenderCount] = useState(0);
+    const [shouldUseNewCategories, setShouldUseNewCategories] = useState(false);
+    const chartRenderCount = useRef(0);
+    chartRenderCount.current += 1;
+    const currentDataset = shouldUseNewCategories
+        ? datasetNewCategories
+        : renderCount % 2 === 0
+            ? dataset1
+            : dataset2;
+    return (_jsxs("div", { children: [_jsxs("div", { style: { display: 'flex', gap: '8px', marginBottom: '12px' }, children: [_jsx("button", { type: "button", "data-testid": "rerender-button", onClick: () => setRenderCount((c) => c + 1), children: "Re-render" }), _jsx("button", { type: "button", "data-testid": "switch-categories-button", onClick: () => setShouldUseNewCategories((v) => !v), children: "Switch categories" }), _jsx("span", { "data-testid": "render-count", children: chartRenderCount.current })] }), _jsx("div", { style: { height: '350px', width: '100%' }, children: _jsx(Chart, { legend: { show: true }, series: [
+                        {
+                            center: ['50%', '50%'],
+                            encode: { itemName: 'product', value: '2015' },
+                            radius: '90%',
+                            type: 'pie',
+                        },
+                    ], dataset: currentDataset }) })] }));
+}
+//# sourceMappingURL=PieChartWithRerender.js.map

package/lib/esm/charts/tests/PieChartWithRerender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartWithRerender.js","sourceRoot":"","sources":["../../../../src/charts/tests/PieChartWithRerender.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQzC,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,oBAAoB,GACM;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,CAAC,OAAO,IAAI,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,sBAAsB;QAC3C,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,CAAC;IAEf,OAAO,CACL,0BACE,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAC/D,iBACE,IAAI,EAAC,QAAQ,iBACD,iBAAiB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,0BAGpC,EACT,iBACE,IAAI,EAAC,QAAQ,iBACD,0BAA0B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,kCAG5C,EACT,8BAAkB,cAAc,YAAE,gBAAgB,CAAC,OAAO,GAAQ,IAC9D,EACN,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5C,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACtB,MAAM,EAAE;wBACN;4BACE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;4BACtB,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;4BAC9C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,KAAK;yBACZ;qBACF,EACD,OAAO,EAAE,cAAc,GACvB,GACE,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { Chart } from '@neo4j-ndl/react-charts';\nimport type { EChartsOption } from 'echarts';\nimport { useRef, useState } from 'react';\n\ntype PieChartWithRerenderProps = {\n  dataset1: EChartsOption['dataset'];\n  dataset2: EChartsOption['dataset'];\n  datasetNewCategories: EChartsOption['dataset'];\n};\n\nexport function PieChartWithRerenderComponent({\n  dataset1,\n  dataset2,\n  datasetNewCategories,\n}: PieChartWithRerenderProps) {\n  const [renderCount, setRenderCount] = useState(0);\n  const [shouldUseNewCategories, setShouldUseNewCategories] = useState(false);\n  const chartRenderCount = useRef(0);\n  chartRenderCount.current += 1;\n\n  const currentDataset = shouldUseNewCategories\n    ? datasetNewCategories\n    : renderCount % 2 === 0\n      ? dataset1\n      : dataset2;\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: '8px', marginBottom: '12px' }}>\n        <button\n          type=\"button\"\n          data-testid=\"rerender-button\"\n          onClick={() => setRenderCount((c) => c + 1)}\n        >\n          Re-render\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"switch-categories-button\"\n          onClick={() => setShouldUseNewCategories((v) => !v)}\n        >\n          Switch categories\n        </button>\n        <span data-testid=\"render-count\">{chartRenderCount.current}</span>\n      </div>\n      <div style={{ height: '350px', width: '100%' }}>\n        <Chart\n          legend={{ show: true }}\n          series={[\n            {\n              center: ['50%', '50%'],\n              encode: { itemName: 'product', value: '2015' },\n              radius: '90%',\n              type: 'pie',\n            },\n          ]}\n          dataset={currentDataset}\n        />\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/esm/charts/tests/chart-test-utils.js

@@ -60,13 +60,19 @@ export const chartColorsAfterHighlighting = {
     9: 'rgb(240,210,70)',
 };
 export const pieChartProps = (seriesName, value, rgbSeriesColor) => ({
+    dataset: [
+        {
+            source: [
+                ['product', '2012'],
+                [seriesName, value],
+            ],
+        },
+    ],
     legend: {
         show: true,
     },
     series: [
         {
-            type: 'pie',
-            radius: '90%',
             center: ['50%', '50%'],
             encode: {
                 itemName: 'product',
@@ -75,36 +81,30 @@ export const pieChartProps = (seriesName, value, rgbSeriesColor) => ({
             itemStyle: {
                 color: rgbSeriesColor,
             },
-        },
-    ],
-    dataset: [
-        {
-            source: [
-                ['product', '2012'],
-                [seriesName, value],
-            ],
+            radius: '90%',
+            type: 'pie',
         },
     ],
 });
 export const barChartProps = (seriesName, value, rgbSeriesColor) => ({
-    legend: {
-        show: true,
-    },
     dataset: {
         dimensions: ['Country', 'Sales'],
         source: [['Finland', value]],
     },
+    legend: {
+        show: true,
+    },
     series: [
         {
             encode: {
                 x: 'Country',
                 y: 'Sales',
             },
-            name: seriesName,
-            type: 'bar',
             itemStyle: {
                 color: rgbSeriesColor,
             },
+            name: seriesName,
+            type: 'bar',
         },
     ],
     xAxis: {
@@ -326,4 +326,9 @@ export const expectFormattedTooltipToBeVisible = (page, seriesName, value, rgbSe
     const tooltip = page.getByText(`${seriesName}formatted ${value}`);
     yield expect(tooltip).toBeVisible();
 });
+export const waitForAnimationEnd = (page, selector) => {
+    return page
+        .locator(selector)
+        .evaluate((element) => Promise.all(element.getAnimations().map((animation) => animation.finished)));
+};
 //# sourceMappingURL=chart-test-utils.js.map

package/lib/esm/charts/tests/chart-test-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-test-utils.js","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Chart } from '@neo4j-ndl/react-charts';\nimport { expect } from '@playwright/experimental-ct-react';\nimport { type Page } from '@playwright/test';\nimport { type ComponentProps } from 'react';\n\nimport { ChartWrapperWithTooltipFormatter } from './ChartWrapperWithTooltipFormatter';\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nconst convertHexToRGB = (hex: string) => {\n  hex = hex.replace(/^#/, '');\n\n  const red = parseInt(hex.substring(0, 2), 16);\n  const green = parseInt(hex.substring(2, 4), 16);\n  const blue = parseInt(hex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const chartColorsAfterHighlighting: Record<number, string> = {\n  1: 'rgb(93,207,216)',\n  10: 'rgb(210,126,49)',\n  11: 'rgb(78,151,121)',\n  12: 'rgb(190,255,117)',\n  2: 'rgb(84,80,223)',\n  3: 'rgb(242,152,62)',\n  4: 'rgb(221,75,155)',\n  5: 'rgb(156,154,255)',\n  6: 'rgb(132,244,136)',\n  7: 'rgb(69,140,249)',\n  8: 'rgb(113,69,188)',\n  9: 'rgb(240,210,70)',\n};\n\nexport const pieChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      type: 'pie' as const,\n      radius: '90%',\n      center: ['50%', '50%'],\n      encode: {\n        itemName: 'product',\n        value: '2012',\n      },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n    },\n  ],\n  dataset: [\n    {\n      source: [\n        ['product', '2012'],\n        [seriesName, value],\n      ],\n    },\n  ],\n});\n\nexport const barChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  legend: {\n    show: true,\n  },\n  dataset: {\n    dimensions: ['Country', 'Sales'],\n    source: [['Finland', value]],\n  },\n  series: [\n    {\n      encode: {\n        x: 'Country',\n        y: 'Sales',\n      },\n      name: seriesName,\n      type: 'bar' as const,\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n});\n\nexport const multiSeriesChartProps = {\n  dataset: {\n    dimensions: ['day', 'first', 'second', 'third', 'fourth', 'fifth', 'sixth'],\n    source: [\n      ['Monday', 20, 40, 60, 80, 100, 120],\n      ['Tuesday', 30, 50, 70, 90, 110, 130],\n      ['Wednesday', 25, 45, 65, 85, 105, 125],\n      ['Thursday', 35, 55, 75, 95, 115, 135],\n      ['Friday', 40, 60, 80, 100, 120, 140],\n    ],\n  },\n  legend: {\n    show: true,\n    wrappingType: 'wrapping' as const,\n  },\n  option: {},\n  series: [\n    {\n      encode: { x: 'day', y: 'first' },\n      name: 'First Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'second' },\n      name: 'Second Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'third' },\n      name: 'Third Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'fourth' },\n      name: 'Fourth Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'fifth' },\n      name: 'Fifth Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'sixth' },\n      name: 'Sixth Series',\n      type: 'line' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n};\n\nexport const multiSeriesChart = ({\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n}) => (\n  <div style={{ height, width }} className=\"ndl-chart\">\n    <Chart {...multiSeriesChartProps} {...chartProps} />\n  </div>\n);\n\nexport const pieChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...pieChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const expectChartElementVisible = async (page: Page) => {\n  await expect(page.locator('svg')).toBeVisible();\n  await expect(page.locator('.ndl-chart-legend')).toBeVisible();\n};\n\nconst SELECTORS = {\n  CHECKMARK: '.ndl-chart-legend-item-square-checkmark',\n  DESELECTED: '.ndl-chart-legend-item-deselected',\n  seriesCheckmark: (name: string) =>\n    `[data-labelname=\"${name}\"] .ndl-chart-legend-item-square-checkmark`,\n  seriesDeselected: (name: string) =>\n    `[data-labelname=\"${name}\"].ndl-chart-legend-item-deselected`,\n} as const;\n\nconst getGraphPaletteColorFromSeriesIndex = (index: string): string => {\n  const hexColor = tokens.categorical[index as keyof typeof tokens.categorical];\n  if (!hexColor) {\n    throw new Error(`Categorical palette index ${index} not found`);\n  }\n\n  return hexColor;\n};\n\n/**\n * Checks so a single series is not blurred.\n */\nexport const expectSingleSeriesNotToBeBlurred = async (\n  page: Page,\n  seriesName: string,\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  const seriesIndex =\n    allChartSeries.findIndex((seriesItem) => seriesItem.name === seriesName) +\n    1;\n\n  const rgbSeriesColor = chartColorsAfterHighlighting[seriesIndex];\n  const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n    seriesIndex.toString(),\n  );\n\n  // More flexible color matching - try both with and without spaces\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n  const hexRgb = convertHexToRGB(hexSeriesColor);\n  const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n  const pathLocator = page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n    .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n    .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n    .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n  // Wait for the element to be attached to the DOM before checking its attributes\n  await expect(pathLocator).toBeAttached({ timeout: 10000 });\n  await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n};\n\n/**\n * Checks so that the seriesNamesToBeHighlighted are visible in the chart and that other series are blurred.\n */\nexport const expectLegendSeriesToBeHighlightedInChart = async (\n  page: Page,\n  seriesNamesToBeHighlighted: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  for (const name of seriesNamesToBeHighlighted) {\n    const highlightedSeriesIndex =\n      allChartSeries.findIndex((seriesItem) => seriesItem.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[highlightedSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      highlightedSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n  }\n\n  const seriesToBeBlurred = allChartSeries.filter(\n    (series) => !seriesNamesToBeHighlighted.includes(series.name),\n  );\n\n  for (const series of seriesToBeBlurred) {\n    const blurredSeriesIndex =\n      allChartSeries.findIndex(\n        (seriesItem) => seriesItem.name === series.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[blurredSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      blurredSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).toHaveAttribute('stroke-opacity');\n  }\n};\n\n/**\n * Identifies if the series are visible / not visible in the chart by checking for a path with the series color (lacks other unique identifiers)\n * Apache Echarts displays the path color in both hex, rgb and a slightly adjusted rgb when highlighted, therefor we need to check for all three when looking for the series in the chart.\n */\nexport const expectLegendSeriesToBeVisibleInChart = async (\n  page: Page,\n  seriesNamesToBeVisible: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  // Check so that the series that should be visible are present in the chart\n  for (const name of seriesNamesToBeVisible) {\n    const visibleSeriesIndex =\n      allChartSeries.findIndex((series) => series.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[visibleSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      visibleSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    await expect(\n      page\n        .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n        .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n        .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n        .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n        .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`)),\n    ).toBeVisible({ timeout: 10000 });\n  }\n\n  // Check so that the other series are not present in the chart\n  const hiddenSeries = multiSeriesChartProps.series.filter(\n    (series) => !seriesNamesToBeVisible.includes(series.name),\n  );\n\n  for (const hiddenSeriesItem of hiddenSeries) {\n    const hiddenSeriesIndex =\n      allChartSeries.findIndex(\n        (allChartSeriesItem) =>\n          hiddenSeriesItem.name === allChartSeriesItem.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[hiddenSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      hiddenSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    await expect(\n      page\n        .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n        .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n        .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n        .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n        .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are selected -> has checkmark and no strike-through classes\nexport const expectLegendsSelected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesCheckmark(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesDeselected(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are deselected -> has strike-through and no checkmark classes\nexport const expectLegendsDeselected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesDeselected(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesCheckmark(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so all legends are neutral -> no checkmark and no strike-through classes\nexport const expectAllLegendsNeutral = async (page: Page) => {\n  await expect(page.locator(SELECTORS.CHECKMARK)).not.toBeVisible();\n  await expect(page.locator(SELECTORS.DESELECTED)).not.toBeVisible();\n};\n\n/**\n * Clicks the series legend item and hover the chart to make sure no blur effect exists on other series in the chart.\n * This is needed to make sure the series has the correct color when looking for them in the chart in later steps.\n */\nexport const clickSeries = async (page: Page, seriesName: string) => {\n  await page.locator(`[data-labelname=\"${seriesName}\"]`).click();\n  await page.hover('.ndl-chart');\n};\n\nexport const expectFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  await expect(\n    page\n      .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`)),\n  ).toBeVisible();\n  await page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`))\n    .hover();\n  const tooltip = page.getByText(`${seriesName}formatted ${value}`);\n  await expect(tooltip).toBeVisible();\n};\n"]}
+{"version":3,"file":"chart-test-utils.js","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-utils.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Chart } from '@neo4j-ndl/react-charts';\nimport { expect } from '@playwright/experimental-ct-react';\nimport { type Page } from '@playwright/test';\nimport { type ComponentProps } from 'react';\n\nimport { ChartWrapperWithTooltipFormatter } from './ChartWrapperWithTooltipFormatter';\n\n/**\n * Convert hex color to rgb format\n *\n * @param hex color in hex code format\n * @returns color in rgb format rgb(_, _, _)\n */\nconst convertHexToRGB = (hex: string) => {\n  hex = hex.replace(/^#/, '');\n\n  const red = parseInt(hex.substring(0, 2), 16);\n  const green = parseInt(hex.substring(2, 4), 16);\n  const blue = parseInt(hex.substring(4, 6), 16);\n\n  return `rgb(${red}, ${green}, ${blue})`;\n};\n\nexport const chartColorsAfterHighlighting: Record<number, string> = {\n  1: 'rgb(93,207,216)',\n  10: 'rgb(210,126,49)',\n  11: 'rgb(78,151,121)',\n  12: 'rgb(190,255,117)',\n  2: 'rgb(84,80,223)',\n  3: 'rgb(242,152,62)',\n  4: 'rgb(221,75,155)',\n  5: 'rgb(156,154,255)',\n  6: 'rgb(132,244,136)',\n  7: 'rgb(69,140,249)',\n  8: 'rgb(113,69,188)',\n  9: 'rgb(240,210,70)',\n};\n\nexport const pieChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: [\n    {\n      source: [\n        ['product', '2012'],\n        [seriesName, value],\n      ],\n    },\n  ],\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      center: ['50%', '50%'],\n      encode: {\n        itemName: 'product',\n        value: '2012',\n      },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      radius: '90%',\n      type: 'pie' as const,\n    },\n  ],\n});\n\nexport const barChartProps = (\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => ({\n  dataset: {\n    dimensions: ['Country', 'Sales'],\n    source: [['Finland', value]],\n  },\n  legend: {\n    show: true,\n  },\n  series: [\n    {\n      encode: {\n        x: 'Country',\n        y: 'Sales',\n      },\n      itemStyle: {\n        color: rgbSeriesColor,\n      },\n      name: seriesName,\n      type: 'bar' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n});\n\nexport const multiSeriesChartProps = {\n  dataset: {\n    dimensions: ['day', 'first', 'second', 'third', 'fourth', 'fifth', 'sixth'],\n    source: [\n      ['Monday', 20, 40, 60, 80, 100, 120],\n      ['Tuesday', 30, 50, 70, 90, 110, 130],\n      ['Wednesday', 25, 45, 65, 85, 105, 125],\n      ['Thursday', 35, 55, 75, 95, 115, 135],\n      ['Friday', 40, 60, 80, 100, 120, 140],\n    ],\n  },\n  legend: {\n    show: true,\n    wrappingType: 'wrapping' as const,\n  },\n  option: {},\n  series: [\n    {\n      encode: { x: 'day', y: 'first' },\n      name: 'First Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'second' },\n      name: 'Second Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'third' },\n      name: 'Third Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'fourth' },\n      name: 'Fourth Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'fifth' },\n      name: 'Fifth Series',\n      type: 'line' as const,\n    },\n    {\n      encode: { x: 'day', y: 'sixth' },\n      name: 'Sixth Series',\n      type: 'line' as const,\n    },\n  ],\n  xAxis: {\n    type: 'category' as const,\n  },\n  yAxis: {\n    type: 'value' as const,\n  },\n};\n\nexport const multiSeriesChart = ({\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n}) => (\n  <div style={{ height, width }} className=\"ndl-chart\">\n    <Chart {...multiSeriesChartProps} {...chartProps} />\n  </div>\n);\n\nexport const pieChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...pieChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const barChartWithTooltipFormatter = ({\n  seriesName,\n  value,\n  rgbSeriesColor,\n  chartProps,\n  width = '100%',\n  height = '400px',\n}: {\n  chartProps?: Partial<ComponentProps<typeof Chart>>;\n  width?: string;\n  height?: string;\n  seriesName: string;\n  value: number;\n  rgbSeriesColor: string;\n}) => (\n  <div style={{ height, width }}>\n    <ChartWrapperWithTooltipFormatter\n      {...barChartProps(seriesName, value, rgbSeriesColor)}\n      {...chartProps}\n    />\n  </div>\n);\n\nexport const expectChartElementVisible = async (page: Page) => {\n  await expect(page.locator('svg')).toBeVisible();\n  await expect(page.locator('.ndl-chart-legend')).toBeVisible();\n};\n\nconst SELECTORS = {\n  CHECKMARK: '.ndl-chart-legend-item-square-checkmark',\n  DESELECTED: '.ndl-chart-legend-item-deselected',\n  seriesCheckmark: (name: string) =>\n    `[data-labelname=\"${name}\"] .ndl-chart-legend-item-square-checkmark`,\n  seriesDeselected: (name: string) =>\n    `[data-labelname=\"${name}\"].ndl-chart-legend-item-deselected`,\n} as const;\n\nconst getGraphPaletteColorFromSeriesIndex = (index: string): string => {\n  const hexColor = tokens.categorical[index as keyof typeof tokens.categorical];\n  if (!hexColor) {\n    throw new Error(`Categorical palette index ${index} not found`);\n  }\n\n  return hexColor;\n};\n\n/**\n * Checks so a single series is not blurred.\n */\nexport const expectSingleSeriesNotToBeBlurred = async (\n  page: Page,\n  seriesName: string,\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  const seriesIndex =\n    allChartSeries.findIndex((seriesItem) => seriesItem.name === seriesName) +\n    1;\n\n  const rgbSeriesColor = chartColorsAfterHighlighting[seriesIndex];\n  const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n    seriesIndex.toString(),\n  );\n\n  // More flexible color matching - try both with and without spaces\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n  const hexRgb = convertHexToRGB(hexSeriesColor);\n  const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n  const pathLocator = page\n    .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n    .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n    .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n    .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n  // Wait for the element to be attached to the DOM before checking its attributes\n  await expect(pathLocator).toBeAttached({ timeout: 10000 });\n  await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n};\n\n/**\n * Checks so that the seriesNamesToBeHighlighted are visible in the chart and that other series are blurred.\n */\nexport const expectLegendSeriesToBeHighlightedInChart = async (\n  page: Page,\n  seriesNamesToBeHighlighted: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  for (const name of seriesNamesToBeHighlighted) {\n    const highlightedSeriesIndex =\n      allChartSeries.findIndex((seriesItem) => seriesItem.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[highlightedSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      highlightedSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).not.toHaveAttribute('stroke-opacity');\n  }\n\n  const seriesToBeBlurred = allChartSeries.filter(\n    (series) => !seriesNamesToBeHighlighted.includes(series.name),\n  );\n\n  for (const series of seriesToBeBlurred) {\n    const blurredSeriesIndex =\n      allChartSeries.findIndex(\n        (seriesItem) => seriesItem.name === series.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[blurredSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      blurredSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    const pathLocator = page\n      .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n      .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n      .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n      .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`));\n\n    await expect(pathLocator).toHaveAttribute('stroke-opacity');\n  }\n};\n\n/**\n * Identifies if the series are visible / not visible in the chart by checking for a path with the series color (lacks other unique identifiers)\n * Apache Echarts displays the path color in both hex, rgb and a slightly adjusted rgb when highlighted, therefor we need to check for all three when looking for the series in the chart.\n */\nexport const expectLegendSeriesToBeVisibleInChart = async (\n  page: Page,\n  seriesNamesToBeVisible: string[],\n) => {\n  const allChartSeries = multiSeriesChartProps.series;\n\n  // Check so that the series that should be visible are present in the chart\n  for (const name of seriesNamesToBeVisible) {\n    const visibleSeriesIndex =\n      allChartSeries.findIndex((series) => series.name === name) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[visibleSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      visibleSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    await expect(\n      page\n        .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n        .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n        .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n        .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n        .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`)),\n    ).toBeVisible({ timeout: 10000 });\n  }\n\n  // Check so that the other series are not present in the chart\n  const hiddenSeries = multiSeriesChartProps.series.filter(\n    (series) => !seriesNamesToBeVisible.includes(series.name),\n  );\n\n  for (const hiddenSeriesItem of hiddenSeries) {\n    const hiddenSeriesIndex =\n      allChartSeries.findIndex(\n        (allChartSeriesItem) =>\n          hiddenSeriesItem.name === allChartSeriesItem.name,\n      ) + 1;\n\n    const rgbSeriesColor = chartColorsAfterHighlighting[hiddenSeriesIndex];\n    const hexSeriesColor = getGraphPaletteColorFromSeriesIndex(\n      hiddenSeriesIndex.toString(),\n    );\n\n    const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n    const hexRgb = convertHexToRGB(hexSeriesColor);\n    const rgbWithoutSpaces = hexRgb.replace(/, /g, ',');\n\n    await expect(\n      page\n        .locator(`path[stroke=\"${rgbSeriesColor}\"]`)\n        .or(page.locator(`path[stroke=\"${rgbWithSpaces}\"]`))\n        .or(page.locator(`path[stroke=\"${hexSeriesColor}\"]`))\n        .or(page.locator(`path[stroke=\"${convertHexToRGB(hexSeriesColor)}\"]`))\n        .or(page.locator(`path[stroke=\"${rgbWithoutSpaces}\"]`)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are selected -> has checkmark and no strike-through classes\nexport const expectLegendsSelected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesCheckmark(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesDeselected(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so legends are deselected -> has strike-through and no checkmark classes\nexport const expectLegendsDeselected = async (\n  page: Page,\n  seriesNames: string[],\n) => {\n  for (const name of seriesNames) {\n    await expect(page.locator(SELECTORS.seriesDeselected(name))).toBeVisible();\n    await expect(\n      page.locator(SELECTORS.seriesCheckmark(name)),\n    ).not.toBeVisible();\n  }\n};\n\n// Check so all legends are neutral -> no checkmark and no strike-through classes\nexport const expectAllLegendsNeutral = async (page: Page) => {\n  await expect(page.locator(SELECTORS.CHECKMARK)).not.toBeVisible();\n  await expect(page.locator(SELECTORS.DESELECTED)).not.toBeVisible();\n};\n\n/**\n * Clicks the series legend item and hover the chart to make sure no blur effect exists on other series in the chart.\n * This is needed to make sure the series has the correct color when looking for them in the chart in later steps.\n */\nexport const clickSeries = async (page: Page, seriesName: string) => {\n  await page.locator(`[data-labelname=\"${seriesName}\"]`).click();\n  await page.hover('.ndl-chart');\n};\n\nexport const expectFormattedTooltipToBeVisible = async (\n  page: Page,\n  seriesName: string,\n  value: number,\n  rgbSeriesColor: string,\n) => {\n  const rgbWithSpaces = rgbSeriesColor.replace(/,/g, ', ');\n\n  await expect(\n    page\n      .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n      .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`)),\n  ).toBeVisible();\n  await page\n    .locator(`path[fill=\"${rgbSeriesColor}\"]`)\n    .or(page.locator(`fill[stroke=\"${rgbWithSpaces}\"]`))\n    .hover();\n  const tooltip = page.getByText(`${seriesName}formatted ${value}`);\n  await expect(tooltip).toBeVisible();\n};\n\nexport const waitForAnimationEnd = (page: Page, selector: string) => {\n  return page\n    .locator(selector)\n    .evaluate((element) =>\n      Promise.all(\n        element.getAnimations().map((animation) => animation.finished),\n      ),\n    );\n};\n"]}

package/lib/types/charts/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAeH,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,eAAe,CAAC;AAiFvB,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,QAIC,EACD,SAAS,EACT,mBAA2B,EAC3B,MAAM,EACN,SAAS,GACV,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwfhC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAeH,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,eAAe,CAAC;AAiFvB,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,QAIC,EACD,SAAS,EACT,mBAA2B,EAC3B,MAAM,EACN,SAAS,GACV,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8gBhC"}

package/lib/types/charts/Legend.d.ts

@@ -20,5 +20,5 @@
  */
 import { type LegendProps } from './chart-types';
 import { type CommonProps } from './types';
-export declare const Legend: ({ className, wrappingType, series, chartRef, ref, htmlAttributes, ...restProps }: CommonProps<"div", LegendProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Legend: ({ className, wrappingType, series, chartRef, selectedRef, ref, htmlAttributes, ...restProps }: CommonProps<"div", LegendProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Legend.d.ts.map

package/lib/types/charts/Legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAeH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAgE3C,eAAO,MAAM,MAAM,GAA4B,kFAQ5C,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,4CAmNjC,CAAC"}
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAeH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAgE3C,eAAO,MAAM,MAAM,GAA4B,+FAS5C,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,4CAmOjC,CAAC"}

package/lib/types/charts/chart-types.d.ts

@@ -125,6 +125,9 @@ export type LegendProps = {
         color: string;
     }[];
     chartRef: React.RefObject<HTMLDivElement | null>;
+    /** Shared ref for legend selection state. Chart reads this when building
+     *  setOption so that legend filters survive re-renders. */
+    selectedRef?: React.MutableRefObject<Record<string, boolean>>;
     ref?: React.Ref<HTMLDivElement>;
 };
 export interface LegendOverflowProps extends LegendProps {

package/lib/types/charts/chart-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types.tsx"],"names":[],"mappings":"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"}

package/lib/types/charts/tests/PieChartWithRerender.d.ts

@@ -0,0 +1,29 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import type { EChartsOption } from 'echarts';
+type PieChartWithRerenderProps = {
+    dataset1: EChartsOption['dataset'];
+    dataset2: EChartsOption['dataset'];
+    datasetNewCategories: EChartsOption['dataset'];
+};
+export declare function PieChartWithRerenderComponent({ dataset1, dataset2, datasetNewCategories, }: PieChartWithRerenderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PieChartWithRerender.d.ts.map

package/lib/types/charts/tests/PieChartWithRerender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartWithRerender.d.ts","sourceRoot":"","sources":["../../../../src/charts/tests/PieChartWithRerender.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,oBAAoB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,QAAQ,EACR,oBAAoB,GACrB,EAAE,yBAAyB,2CA+C3B"}

package/lib/types/charts/tests/chart-test-utils.d.ts

@@ -23,12 +23,13 @@ import { type Page } from '@playwright/test';
 import { type ComponentProps } from 'react';
 export declare const chartColorsAfterHighlighting: Record<number, string>;
 export declare const pieChartProps: (seriesName: string, value: number, rgbSeriesColor: string) => {
+    dataset: {
+        source: (string | number)[][];
+    }[];
     legend: {
         show: boolean;
     };
     series: {
-        type: "pie";
-        radius: string;
         center: string[];
         encode: {
             itemName: string;
@@ -37,29 +38,28 @@ export declare const pieChartProps: (seriesName: string, value: number, rgbSerie
         itemStyle: {
             color: string;
         };
-    }[];
-    dataset: {
-        source: (string | number)[][];
+        radius: string;
+        type: "pie";
     }[];
 };
 export declare const barChartProps: (seriesName: string, value: number, rgbSeriesColor: string) => {
-    legend: {
-        show: boolean;
-    };
     dataset: {
         dimensions: string[];
         source: (string | number)[][];
     };
+    legend: {
+        show: boolean;
+    };
     series: {
         encode: {
             x: string;
             y: string;
         };
-        name: string;
-        type: "bar";
         itemStyle: {
             color: string;
         };
+        name: string;
+        type: "bar";
     }[];
     xAxis: {
         type: "category";
@@ -137,4 +137,5 @@ export declare const expectAllLegendsNeutral: (page: Page) => Promise<void>;
  */
 export declare const clickSeries: (page: Page, seriesName: string) => Promise<void>;
 export declare const expectFormattedTooltipToBeVisible: (page: Page, seriesName: string, value: number, rgbSeriesColor: string) => Promise<void>;
+export declare const waitForAnimationEnd: (page: Page, selector: string) => Promise<Animation[]>;
 //# sourceMappingURL=chart-test-utils.d.ts.map

package/lib/types/charts/tests/chart-test-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-test-utils.d.ts","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-utils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAoB5C,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa/D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM;;;;;;;;;;;;;;;;;;;CA2BtB,CAAC;AAEH,eAAO,MAAM,aAAa,GACxB,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;CAsDjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,gCAI9B;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,4CAIA,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,mEAO1C;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,4CAOA,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,mEAO1C;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,4CAOA,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAU,MAAM,IAAI,kBAGzD,CAAC;AAoBF;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,MAAM,IAAI,EACV,YAAY,MAAM,kBA4BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,GACnD,MAAM,IAAI,EACV,4BAA4B,MAAM,EAAE,kBAuDrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oCAAoC,GAC/C,MAAM,IAAI,EACV,wBAAwB,MAAM,EAAE,kBA0DjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAChC,MAAM,IAAI,EACV,aAAa,MAAM,EAAE,kBAQtB,CAAC;AAGF,eAAO,MAAM,uBAAuB,GAClC,MAAM,IAAI,EACV,aAAa,MAAM,EAAE,kBAQtB,CAAC;AAGF,eAAO,MAAM,uBAAuB,GAAU,MAAM,IAAI,kBAGvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAU,MAAM,IAAI,EAAE,YAAY,MAAM,kBAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAC5C,MAAM,IAAI,EACV,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM,kBAevB,CAAC"}
+{"version":3,"file":"chart-test-utils.d.ts","sourceRoot":"","sources":["../../../../src/charts/tests/chart-test-utils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAoB5C,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa/D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM;;;;;;;;;;;;;;;;;;;CA2BtB,CAAC;AAEH,eAAO,MAAM,aAAa,GACxB,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;CAsDjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,gCAI9B;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,4CAIA,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,mEAO1C;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,4CAOA,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,mEAO1C;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,4CAOA,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAU,MAAM,IAAI,kBAGzD,CAAC;AAoBF;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,MAAM,IAAI,EACV,YAAY,MAAM,kBA4BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,GACnD,MAAM,IAAI,EACV,4BAA4B,MAAM,EAAE,kBAuDrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oCAAoC,GAC/C,MAAM,IAAI,EACV,wBAAwB,MAAM,EAAE,kBA0DjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAChC,MAAM,IAAI,EACV,aAAa,MAAM,EAAE,kBAQtB,CAAC;AAGF,eAAO,MAAM,uBAAuB,GAClC,MAAM,IAAI,EACV,aAAa,MAAM,EAAE,kBAQtB,CAAC;AAGF,eAAO,MAAM,uBAAuB,GAAU,MAAM,IAAI,kBAGvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAU,MAAM,IAAI,EAAE,YAAY,MAAM,kBAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAC5C,MAAM,IAAI,EACV,YAAY,MAAM,EAClB,OAAO,MAAM,EACb,gBAAgB,MAAM,kBAevB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,UAAU,MAAM,yBAQ/D,CAAC"}