npm - d2aura - Versions diffs - 26.0.12 → 26.0.14 - Mend

d2aura 26.0.12 → 26.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/coreui/components/edaManagerComponent/components/edaChartViewer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edaChartViewer.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaChartViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnF,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAiB,cAAc,EAAE,KAAK,EAAE,KAAK,EAAc,MAAM,MAAM,CAAC;AAgBhG,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACnG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AAGzE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAGzD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;mBAGJ,KAAK,CAAC,UAAU;;;;;;;;;;;;oCAYC,KAAK,CAAC,WAAW;iCACpB,KAAK,CAAC,YAAY;2BACxB,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;SAelC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAcH,MAAM,YAAY,GAAwB;IACtC,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,KAAK;CACpB,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAmBnH,MAAM,CAAC,MAAM,cAAc,GAAc,CACrC,EAAC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,qBAAqB,EAAC,EAC/F,EAAE;IACA,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,EAAC,KAAK,EAAC,GAAG,YAAY,EAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAG7C,MAAM,WAAW,GAAG,MAAM,CAAC,EAAC,OAAO,EAAE,kBAAkB,EAAC,CAAC,CAAC;IAC1D,WAAW,CAAC,OAAO,GAAG,EAAC,OAAO,EAAE,kBAAkB,EAAC,CAAC;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAa,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAChF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzF,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7F,MAAM,gBAAgB,GAAG,cAAc,CAAC,IAAI,KAAK,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAgB,EAAE,CAAC,CAAC;QAC7C,IAAI,EAAE;YACF,MAAM,EAAE,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1D,GAAG,EAAE,KAAK,CAAC,OAAO;SACrB;QACD,OAAO,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAC;YACnC,YAAY,EAAE,eAAe,KAAK,CAAC,kBAAkB,oBAAoB,KAAK,CAAC,YAAY,KAAK;YAEhG,OAAO,EAAE,MAAM;YACf,WAAW,EAAE;gBACT,IAAI,EAAE,OAAO;aAChB;YACD,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC;SACvD;QACD,SAAS,EAAE;YACP,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,SAAS;SACzB;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAC,EAAC;YACxD,QAAQ,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAAC,EAAC;YACvD,SAAS,EAAE;gBACP,KAAK,EAAE,KAAK,CAAC,kBAAkB;gBAC/B,WAAW,EAAE,IAAI;aAEpB;YACD,SAAS,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAC,EAAC;YAElD,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACnB,WAAW,EAAE;gBACT,KAAK,EAAE;oBACH,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;iBACxD;aACJ;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAC,EAAC;YACxD,QAAQ,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAAC,EAAC;YACvD,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAC;YAC5C,SAAS,EAAE,EAAC,SAAS,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAC,EAAC;YAElD,IAAI,EAAE,OAAO;SAChB;QACD,QAAQ,EAAE;YACN;gBACI,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC9C,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI;gBACd,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;aACvD;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,IAAI;aACjB;SACJ;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,CAAC,UAAU;YACjB,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC;YACT,SAAS,EAAE;gBACP,KAAK,EAAE,KAAK,CAAC,SAAS;aACzB;YACD,aAAa,EAAE,KAAK,CAAC,iBAAiB;SACzC;QACD,OAAO,EAAE;YACL,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,IAAI;YACX,OAAO,EAAE;gBACL,QAAQ,EAAE;oBACN,UAAU,EAAE,MAAM;iBACrB;gBACD,OAAO,EAAE,EAAE;aACd;SACJ;QACD,KAAK,EAAE,MAAM;KAChB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAChC,qBAAqB,EAAE,CAAC,MAAW,EAAE,EAAE;YACnC,MAAM,EAAC,OAAO,EAAE,kBAAkB,EAAC,GAAG,WAAW,CAAC,OAAO,CAAC;YAC1D,MAAM,IAAI,GAAW,MAAM,CAAC,IAAI,CAAC;YACjC,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC;YAExD,IAAI,GAAG,EAAE,CAAC;gBACN,kBAAkB,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YACxD,CAAC;QACL,CAAC;KACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAER,MAAM,sBAAsB,GAAG,WAAW,CAAC,CAAC,CAAiC,EAAE,EAAE;QAC7E,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,OAAQ,CAAC,SAAS,CAAC;gBAC7B,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC;oBAC5E,OAAO,CAAC;wBACJ,EAAE,EAAE,CAAC,CAAC,EAAE;wBACR,SAAS,EAAE;4BACP,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;4BACvB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;yBAC9B;qBACJ,CAAC,CAAC;gBACP,CAAC,CAAC;aACL,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,OAAQ,CAAC,SAAS,CAAC;gBAC7B,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAC,EAAC,CAAC,CAAC;aAC9E,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,OAAO,GAAqB;YAC9B;gBACI,KAAK,EAAE,UAAU;gBACjB,eAAe,EAAE,GAAG,EAAE,CAAC,CACnB,6BAAK,SAAS,EAAC,uBAAuB;oBAClC,oBAAC,QAAQ,IACL,OAAO,EAAE,iBAAiB,IAAI,CAAC,gBAAgB,EAC/C,aAAa,EAAE,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,EACtD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC1D,CACA,CACT;gBACD,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,YAAY,EAAE,CAAC,MAA2B,EAAE,EAAE,CAAC,CAC3C,oBAAC,eAAe,IACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EACrB,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAC3C,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;wBACtB,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBAC7D,CAAC,GACH,CACL;gBACD,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC;gBACxB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC;gBACvB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;gBACtF,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;gBACvG,IAAI,EAAE,CAAC,YAAY,CAAC;gBACpB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC;gBACvB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;gBACtF,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;gBACvG,IAAI,EAAE,CAAC,YAAY,CAAC;gBACpB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC;gBACvB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;gBACtF,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;gBACvG,IAAI,EAAE,CAAC,YAAY,CAAC;gBACpB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC;gBAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;gBACtF,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;gBACvG,IAAI,EAAE,CAAC,YAAY,CAAC;gBACpB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;YACD;gBACI,KAAK,EAAE,OAAO;gBACd,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;gBACzB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBACxF,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;aAC/B;SACJ,CAAC;QAEF,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChG,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACvD,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC3C,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;QACvE,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAA4B,EAAE,CAAC;QAEhD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,aAAa,CAAC,OAAO,EAAE,SAAS,CAAc,EAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,WAAW,EAAC,EAAC,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,MAAM,WAAW,GAAuB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAoB,EAAE;YACxE,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;YAEhC,OAAO;gBACH,IAAI,EAAE,CAAC,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnC,EAAE,EAAE,CAAC,CAAC,EAAE;gBACR,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,QAAQ;gBAClB,IAAI,EAAE,KAAK;gBACX,SAAS,EAAE;oBACP,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,CAAC;iBACb;gBACD,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE;gBACzE,iBAAiB,EAAE,GAAG;gBACtB,eAAe,EAAE,gBAAgB;aACpC,CAAA;QACL,CAAC,CAAC,CAAC;QACH,MAAM,WAAW,GAA4B,EAAE,CAAC;QAChD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAW,EAAE;YAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC;YACtC,OAAO;gBACH,GAAG,CAAC;gBACJ,EAAE,EAAE,KAAK;gBACT,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAe;gBAC/B,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAe;gBAC/B,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAe;gBAC/B,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAe;aAClC,CAAA;QACL,CAAC,CAAC,CAAC;QAEH,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,aAAa,CAAC,OAAO,EAAE,SAAS,CAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAC,QAAQ,EAAE,WAAW,EAAC,EAAC,EAAE,EAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAC,CAAC,CAAC;QAClI,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,EAAC,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC7H,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU;QAC7B,oBAAC,KAAK,IAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO;YAC5C,oBAAC,KAAK;gBACF,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,aAAa,OAAE,EACtB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,GAC3C;gBACF,oBAAC,KAAK,CAAC,OAAO;oBACV,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,cAAc,OAAE,EACvB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EACnB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GACvC;oBACF,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,eAAe,OAAE,EACxB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;4BACV,WAAW,CAAC,KAAK,CAAC,CAAC;4BACnB,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAC,CAAC,CAAC;4BAC9E,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,EAAC,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,KAAK,EAAC,CAAC,CAAC;wBAC1H,CAAC,GACH,CACU;gBAChB,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,gBAAgB,OAAE,EACzB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;4BACxB,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAC,CAAC,CAAC;4BAChJ,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;4BAEzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;4BAChB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;4BAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;4BAChC,IAAI,CAAC,KAAK,EAAE,CAAC;4BACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBACpC,CAAC;oBACL,CAAC,GACH,CACE;YACR,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,GAAG,EAAE,iBAAiB;gBAC/D,oBAAC,YAAY,IACT,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,EACtC,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAC,EACrE,UAAU,QACV,YAAY,EAAE,CAAC,QAAiB,EAAE,EAAE;wBAChC,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;oBACrC,CAAC,EACD,QAAQ,EAAE,YAAY,GACxB,CACA,CACF;QACP,UAAU,IAAI,CACX,6BAAK,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,EAAE,IAAI,EAAC;YACvF,oBAAC,gBAAgB,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,CAAC,EAAE;oBACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;gBACf,CAAC,EACD,wBAAwB,EAAE;oBACtB,QAAQ,EAAE,CAAC,CAAC;iBACf,EACD,WAAW,EAAE,CAAC,MAAsB,EAAE,EAAE;oBACpC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;gBACjC,CAAC,EACD,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,EAAC,SAAS,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE,EAAC,EACrD,UAAU,EAAE,EAAC,OAAO,EAAE,KAAK,KAAK,CAAC,UAAU,IAAI,EAAC,EAChD,OAAO,EAAE;oBACL,eAAe,EAAE,IAAI;oBACrB,aAAa,EAAE,GAAG,EAAE,CAAC,yCAAK;iBAC7B,EACD,MAAM,EAAE;oBACJ,MAAM,EAAE,IAAI;oBACZ,kBAAkB,EAAE,IAAI;iBAC3B,EACD,wBAAwB,EAAE,GAAG,EAAE,CAAC,yCAAK,EACrC,kBAAkB,EAAE,sBAAsB,EAC1C,YAAY,EAAE,YAAY,GAC5B,CACA,CACT,CACC,CACT,CAAC;AACN,CAAC,CAAC;AAOF,MAAM,eAAe,GAAmC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACpF,MAAM,KAAK,GAAgB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,KAAK,EAAE;YACH,YAAY,EAAE,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;SAC9C;QACD,MAAM,EAAE,IAAI;KACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK;QACxB,oBAAC,QAAQ,OAAK,KAAK,IAAG,QAAQ,CAAY,CAC7B,CACpB,CAAA;AACL,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,CAA0B,EAAE,IAAY,EAAE,OAAmB,EAAE,EAAE;IACvF,MAAM,MAAM,GAAG,CAAyB,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAA0B,CAAC;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,IAAI,IAAI,GAAG,oCAAoC,IAAI,QAAQ,CAAC;IAE3D,MAA+B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,KAA0B,CAAC;QAC/C,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC;QAE1E,IAAI,UAAU,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAW,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAEvK,IAAI,IAAI,gHAAgH,CAAC;YACzH,IAAI,IAAI,qDAAqD,IAAI,CAAC,MAAM,mCAAmC,IAAI,CAAC,UAAU,gBAAgB,CAAC;YAC3I,IAAI,IAAI,oCAAoC,KAAK,eAAe,CAAC;QACrE,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAA","sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {Button, Checkbox, CheckboxProps, ConfigProvider, Space, theme, ThemeConfig} from \"antd\";\r\nimport * as echarts from \"echarts/core\";\r\nimport {\r\n DataZoomComponentOption,\r\n ECharts,\r\n GridComponentOption,\r\n LegendComponentOption,\r\n LineSeriesOption,\r\n TitleComponentOption,\r\n ToolboxComponentOption,\r\n TooltipComponentOption,\r\n XAXisComponentOption,\r\n YAXisComponentOption\r\n} from \"echarts\";\r\nimport {CallbackDataParams, ECBasicOption, TopLevelFormatterParams} from \"echarts/types/dist/shared\";\r\nimport {RowSelectionOptions} from \"ag-grid-community/dist/types/src/entities/gridOptions\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {OptionDataValue} from \"echarts/types/src/util/types\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {GridApi, GridReadyEvent, ICellRendererParams, SelectionChangedEvent} from \"ag-grid-community\";\r\nimport {formatValue} from \"../utils/utils\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\r\nimport {TreeItem, VectorValuesData} from \"../../../../api/eda/edaManagerApi\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n baseLayout: css`\r\n display: flex;\r\n flex-direction: column;\r\n gap: ${token.paddingXXS}px;\r\n height: 100%;\r\n \r\n .ant-space-item:last-child {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n > .chart {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1 1 auto;\r\n border: 1px solid ${token.colorBorder};\r\n border-radius: ${token.borderRadius}px;\r\n padding: ${token.paddingXXS}px;\r\n\r\n > div:first-child {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n \r\n > .echarts-for-react {\r\n flex: 1 1 auto;\r\n }\r\n }\r\n \r\n > .legend {\r\n position: relative;\r\n }\r\n `\r\n }\r\n});\r\n\r\ntype ChartOption = echarts.ComposeOption<\r\n LineSeriesOption |\r\n TitleComponentOption |\r\n TooltipComponentOption |\r\n LegendComponentOption |\r\n GridComponentOption |\r\n XAXisComponentOption |\r\n YAXisComponentOption |\r\n DataZoomComponentOption |\r\n ToolboxComponentOption\r\n> & ECBasicOption;\r\n\r\nconst rowSelection: RowSelectionOptions = {\r\n mode: \"singleRow\",\r\n checkboxes: false,\r\n}\r\n\r\nconst colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];\r\n\r\ninterface RowData extends TreeItem {\r\n id: number\r\n Min?: number\r\n Max?: number\r\n Sum?: number\r\n Avg?: number\r\n}\r\n\r\ninterface Props {\r\n vectors: TreeItem[];\r\n data: Record<number, {data: VectorValuesData}>;\r\n visibleVectors: Set<number>;\r\n isDataInitialized: boolean;\r\n onToggleVisibility: (id: number, visible: boolean) => void;\r\n onToggleAllVisibility: (visible: boolean) => void;\r\n}\r\n\r\nexport const EdaChartViewer: FC<Props> = (\r\n {vectors, data, visibleVectors, isDataInitialized, onToggleVisibility, onToggleAllVisibility}\r\n) => {\r\n const {token} = theme.useToken();\r\n const {styles} = useStyles();\r\n const {graph} = useEdaConfig();\r\n\r\n const chartInstance = useRef<ECharts | null>(null);\r\n const chartContainerRef = useRef<HTMLDivElement>(null);\r\n const gridApi = useRef<GridApi | null>(null);\r\n\r\n // handle special case to avoid echarts to re-create every render\r\n const latestProps = useRef({vectors, onToggleVisibility});\r\n latestProps.current = {vectors, onToggleVisibility};\r\n\r\n const [labelData, setLabelData] = useState<RowData[]>();\r\n const [showLegend, setShowLegend] = useState<boolean>(!!graph?.showChartLegend);\r\n const [dataZoom, setDataZoom] = useState(false);\r\n\r\n const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false, true), []);\r\n\r\n const allVectorsVisible = vectors.length > 0 && vectors.every(v => visibleVectors.has(v.ID));\r\n const noVectorsVisible = visibleVectors.size === 0;\r\n\r\n const chartOptions = useMemo((): ChartOption => ({\r\n grid: {\r\n bottom: 60 + 2 * token.paddingXXS + (!showLegend ? 30 : 0),\r\n top: token.padding\r\n },\r\n tooltip: {\r\n backgroundColor: token.colorBgElevated,\r\n borderColor: token.colorBorder,\r\n textStyle: {color: token.colorText},\r\n extraCssText: `box-shadow: ${token.boxShadowSecondary}; border-radius: ${token.borderRadius}px;`,\r\n\r\n trigger: 'axis',\r\n axisPointer: {\r\n type: 'cross',\r\n },\r\n appendTo: 'body',\r\n formatter: (p) => tooltipFormatter(p, mask, vectors),\r\n },\r\n textStyle: {\r\n fontFamily: token.fontFamily,\r\n fontSize: token.fontSize,\r\n color: token.colorText\r\n },\r\n xAxis: {\r\n axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n axisLabel: {\r\n color: token.colorTextSecondary,\r\n hideOverlap: true,\r\n // formatter: (value) => dayjs(value).format(mask),\r\n },\r\n splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n type: 'time',\r\n boundaryGap: [0, 0],\r\n axisPointer: {\r\n label: {\r\n formatter: (value) => dayjs(value.value).format(mask),\r\n }\r\n }\r\n },\r\n yAxis: {\r\n axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n axisLabel: {color: token.colorTextSecondary},\r\n splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n type: 'value'\r\n },\r\n dataZoom: [\r\n {\r\n bottom: showLegend ? token.paddingXXS + 8 : 40,\r\n left: 130,\r\n right: 130,\r\n type: 'slider',\r\n show: true,\r\n realtime: true,\r\n labelFormatter: (value) => dayjs(value).format(mask),\r\n },\r\n {\r\n type: 'inside',\r\n realtime: true,\r\n }\r\n ],\r\n legend: {\r\n show: !showLegend,\r\n type: \"scroll\",\r\n bottom: 0,\r\n textStyle: {\r\n color: token.colorText,\r\n },\r\n inactiveColor: token.colorTextDisabled\r\n },\r\n toolbox: {\r\n show: true,\r\n itemSize: 0,\r\n right: 9999,\r\n feature: {\r\n dataZoom: {\r\n yAxisIndex: 'none',\r\n },\r\n restore: {}\r\n }\r\n },\r\n color: colors,\r\n }), [token, showLegend, mask, vectors]);\r\n\r\n const eventHandler = useMemo(() => ({\r\n \"legendselectchanged\": (params: any) => {\r\n const {vectors, onToggleVisibility} = latestProps.current;\r\n const name: string = params.name;\r\n const row = vectors.find((r) => r.DisplayName === name);\r\n\r\n if (row) {\r\n onToggleVisibility?.(row.ID, params.selected[name]);\r\n }\r\n }\r\n }), []);\r\n\r\n const handleSelectionChanged = useCallback((e: SelectionChangedEvent<RowData>) => {\r\n if ((e.selectedNodes?.length ?? 0) > 0) {\r\n chartInstance.current!.setOption({\r\n series: vectors.map((v) => {\r\n const selected = e.selectedNodes?.some((f) => f.data?.ID === v.ID) ?? false;\r\n return ({\r\n id: v.ID,\r\n lineStyle: {\r\n width: selected ? 2 : 1,\r\n opacity: selected ? 1 : 0.3,\r\n }\r\n });\r\n })\r\n })\r\n } else {\r\n chartInstance.current!.setOption({\r\n series: vectors.map((v) => ({id: v.ID, lineStyle: {width: 1, opacity: 1}}))\r\n });\r\n }\r\n }, [vectors]);\r\n\r\n const columnDefs = useMemo(() => {\r\n const columns: DataGridColDef[] = [\r\n {\r\n field: \"checkbox\",\r\n headerComponent: () => (\r\n <div className=\"custom-header-wrapper\">\r\n <Checkbox\r\n checked={allVectorsVisible && !noVectorsVisible}\r\n indeterminate={!allVectorsVisible && !noVectorsVisible}\r\n onChange={(e) => onToggleAllVisibility(e.target.checked)}\r\n />\r\n </div>\r\n ),\r\n maxWidth: 32,\r\n width: 32,\r\n minWidth: 32,\r\n cellRenderer: (params: ICellRendererParams) => (\r\n <ColoredCheckbox\r\n index={params.data.id}\r\n checked={visibleVectors.has(params.data.ID)}\r\n onChange={async (event) => {\r\n onToggleVisibility(params.data.ID, event.target.checked);\r\n }}\r\n />\r\n ),\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"DisplayName\",\r\n headerName: i18n(\"Name\"),\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Min\",\r\n headerName: i18n(\"Min\"),\r\n valueGetter: (props) => visibleVectors.has(props.data.ID) ? props.data.Min : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Max\",\r\n headerName: i18n(\"Max\"),\r\n valueGetter: (props) => visibleVectors.has(props.data.ID) ? props.data.Max : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Sum\",\r\n headerName: i18n(\"Sum\"),\r\n valueGetter: (props) => visibleVectors.has(props.data.ID) ? props.data.Sum : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Avg\",\r\n headerName: i18n(\"Average\"),\r\n valueGetter: (props) => visibleVectors.has(props.data.ID) ? props.data.Avg : undefined,\r\n valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n type: [\"alignRight\"],\r\n group: i18n(\"Basic Columns\")\r\n },\r\n {\r\n field: \"Units\",\r\n headerName: i18n(\"Units\"),\r\n valueGetter: (props) => visibleVectors.has(props.data.ID) ? props.data.Units : undefined,\r\n group: i18n(\"Basic Columns\")\r\n },\r\n ];\r\n\r\n return graph?.graphTable?.modifyColumns ? graph.graphTable.modifyColumns(columns) : columns;\r\n }, [data, visibleVectors, graph?.graphTable?.modifyColumns]);\r\n\r\n useEffect(() => {\r\n if (!chartContainerRef.current || !chartInstance.current) {\r\n return;\r\n }\r\n\r\n const resizeObserver = new ResizeObserver(() => {\r\n window.requestAnimationFrame(() => chartInstance.current?.resize())\r\n });\r\n\r\n resizeObserver.observe(chartContainerRef.current);\r\n return () => resizeObserver.disconnect();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const selectedMap: Record<string, boolean> = {};\r\n\r\n vectors.forEach((vector) => {\r\n selectedMap[vector.DisplayName] = visibleVectors.has(vector.ID);\r\n });\r\n\r\n chartInstance.current?.setOption<ChartOption>({legend: {selected: selectedMap}});\r\n }, [visibleVectors, vectors]);\r\n\r\n useEffect(() => {\r\n if (!isDataInitialized) {\r\n return;\r\n }\r\n\r\n const chartSeries: LineSeriesOption[] = vectors.map((v): LineSeriesOption => {\r\n const values = data[v.ID] || [];\r\n\r\n return {\r\n name: v.DisplayName ?? String(v.ID),\r\n id: v.ID,\r\n type: 'line',\r\n symbol: 'none',\r\n sampling: \"minmax\",\r\n step: \"end\",\r\n lineStyle: {\r\n width: 1,\r\n opacity: 1,\r\n },\r\n data: values.data?.data?.map((v) => [v.val.valueTime, v.val.value]) ?? [],\r\n animationDuration: 300,\r\n animationEasing: 'exponentialOut',\r\n }\r\n });\r\n const selectedMap: Record<string, boolean> = {};\r\n const labels = vectors.map((v, index): RowData => {\r\n const stats = data[v.ID]?.data?.stats;\r\n return {\r\n ...v,\r\n id: index,\r\n Min: stats?.Min.value as number,\r\n Max: stats?.Max.value as number,\r\n Sum: stats?.Sum.value as number,\r\n Avg: stats?.Avg.value as number,\r\n }\r\n });\r\n\r\n labels?.forEach((item) => {\r\n selectedMap[item.DisplayName] = visibleVectors.has(item.ID);\r\n });\r\n\r\n chartInstance.current?.setOption<ChartOption>({series: chartSeries, legend: {selected: selectedMap}}, {replaceMerge: ['series']});\r\n setLabelData(labels);\r\n }, [data, vectors, visibleVectors, isDataInitialized]);\r\n\r\n useEffect(() => {\r\n chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: dataZoom});\r\n }, [dataZoom]);\r\n\r\n return (\r\n <div className={styles.baseLayout}>\r\n <Space direction={\"vertical\"} className={\"chart\"}>\r\n <Space>\r\n <Button\r\n icon={<StockOutlined/>}\r\n title={i18n(\"Show Legend\")}\r\n type={showLegend ? \"primary\" : \"default\"}\r\n onClick={() => setShowLegend(!showLegend)}\r\n />\r\n <Space.Compact>\r\n <Button\r\n icon={<ZoomInOutlined/>}\r\n title={i18n(\"Zoom\")}\r\n type={dataZoom ? \"primary\" : \"default\"}\r\n onClick={() => setDataZoom(!dataZoom)}\r\n />\r\n <Button\r\n icon={<RetweetOutlined/>}\r\n title={i18n(\"Restore\")}\r\n onClick={() => {\r\n setDataZoom(false);\r\n chartInstance.current?.dispatchAction({type: 'dataZoom', start: 0, end: 100});\r\n chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false});\r\n }}\r\n />\r\n </Space.Compact>\r\n <Button\r\n icon={<DownloadOutlined/>}\r\n title={i18n(\"Export as PNG\")}\r\n onClick={() => {\r\n if (chartInstance.current) {\r\n const img = chartInstance.current.getDataURL({type: 'png', pixelRatio: 2, backgroundColor: '#fff', excludeComponents: ['dataZoom', 'toolbox']});\r\n const link = document.createElement(\"a\");\r\n\r\n link.href = img;\r\n link.download = \"chart.png\";\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }}\r\n />\r\n </Space>\r\n <div style={{width: \"100%\", height: \"100%\"}} ref={chartContainerRef}>\r\n <ReactEcharts\r\n style={{width: \"100%\", height: \"100%\"}}\r\n option={chartOptions}\r\n opts={{renderer: 'canvas', devicePixelRatio: window.devicePixelRatio}}\r\n lazyUpdate\r\n onChartReady={(instance: ECharts) => {\r\n chartInstance.current = instance;\r\n }}\r\n onEvents={eventHandler}\r\n />\r\n </div>\r\n </Space>\r\n {showLegend && (\r\n <div className={\"legend\"} style={{flex: `0 0 ${35 + 28 * (labelData ?? []).length + 15}px`}}>\r\n <ExtendedDataGrid<RowData>\r\n columnDefs={columnDefs}\r\n onLoadData={callback => {\r\n callback(1)\r\n }}\r\n defaultGridConfiguration={{\r\n pageSize: -1,\r\n }}\r\n onGridReady={(params: GridReadyEvent) => {\r\n gridApi.current = params.api;\r\n }}\r\n rowData={labelData}\r\n tablePanelStyle={{marginTop: `0 ${token.paddingXXS}`}}\r\n panelStyle={{padding: `0 ${token.paddingXXS}px`}}\r\n toolbar={{\r\n hideRecordCount: true,\r\n renderToolbar: () => <></>\r\n }}\r\n search={{\r\n hidden: true,\r\n searchButtonHidden: true,\r\n }}\r\n noRecordsOverlayRenderer={() => <></>}\r\n onSelectionChanged={handleSelectionChanged}\r\n rowSelection={rowSelection}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\ninterface ColoredCheckboxProps extends CheckboxProps {\r\n index: number\r\n children?: React.ReactNode\r\n}\r\n\r\nconst ColoredCheckbox: React.FC<ColoredCheckboxProps> = ({index, children, ...props}) => {\r\n const theme: ThemeConfig = React.useMemo(() => ({\r\n token: {\r\n colorPrimary: colors[index % colors.length],\r\n },\r\n hashed: true,\r\n }), [index]);\r\n\r\n return (\r\n <ConfigProvider theme={theme}>\r\n <Checkbox {...props}>{children}</Checkbox>\r\n </ConfigProvider>\r\n )\r\n}\r\n\r\nconst tooltipFormatter = (p: TopLevelFormatterParams, mask: string, vectors: TreeItem[]) => {\r\n const params = p as CallbackDataParams[];\r\n const values = params[0].value as OptionDataValue[];\r\n const date = dayjs(values[0]).format(mask);\r\n let list = `<div style=\"margin-bottom: 4px;\">${date}</div>`;\r\n\r\n (params as CallbackDataParams[]).forEach((item) => {\r\n const values = item.value as OptionDataValue[];\r\n const vectorInfo = vectors.find((v) => v.DisplayName === item.seriesName);\r\n\r\n if (vectorInfo) {\r\n const value = values[1] !== null ? (formatValue(values[1] as number, vectorInfo.RoundingType, vectorInfo.RoundingPlaces) + \" \" + (vectorInfo.Units ?? \"\")) : \"Invalid\";\r\n\r\n list += `<div style=\"display: flex; justify-content: space-between; align-items: center; min-width: 150px; gap: 20px;\">`;\r\n list += `<span style=\"display: flex; align-items: center;\">${item.marker}<span style=\"margin-left: 5px;\">${item.seriesName}</span></span>`;\r\n list += `<span style=\"font-weight: bold;\">${value}</span></div>`;\r\n }\r\n });\r\n\r\n return list;\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaDataBasePanel.d.ts CHANGED Viewed

@@ -1,19 +1,15 @@
 import React, { FC } from "react";
-import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
-import { SharedSampleRange } from "../context/sharedSampleRange";
+import { TypedData } from "../constants/edaTypes";
+import { SharedSampleRangeContext } from "../context/sharedSampleRangeContext";
 import { EdaVectorDataContextValue } from "../context/edaVectorDataContext";
 import EdaManagerApi from "../../../../api/eda/edaManagerApi";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
 interface Props {
     api: EdaManagerApi;
-    data?: VectorData | GroupData | ScenarioData;
-    type?: IdType;
-    size?: SizeType;
+    data?: TypedData;
     pageSize?: number;
     children?: React.ReactNode;
-    range: SharedSampleRange;
+    range: SharedSampleRangeContext;
     dataContext: EdaVectorDataContextValue;
-    showTimeWindow?: boolean;
 }
 export declare const EdaDataBasePanel: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/components/edaDataBasePanel.js CHANGED Viewed

@@ -1,11 +1,13 @@
 import React, { useContext } from "react";
-import { Button, Card, Empty, Progress, Space, Spin, Typography } from "antd";
+import { Card, Empty, Space } from "antd";
 import { createStyles } from "antd-style";
 import { EdaSamplingType } from "../constants/edaTypes";
 import i18n from "d2core/i18n/i18n";
 import { EdaSampleRangePickerPanel } from "./edaSampleRangePickerPanel";
 import { EdaTimeWindowPickerPanel } from "./edaTimeWindowPickerPanel";
 import { LoadingContext } from "../context/loadingContext";
+import { useEdaConfig } from "../context/edaConfigContext";
+import { EdaLoadingOverlay } from "./edaLoadingOverlay";
 const useStyles = createStyles(({ css, token }) => {
     return {
         baseLayout: css `
@@ -27,36 +29,6 @@ const useStyles = createStyles(({ css, token }) => {
                 }
             }
-            .ant-spin-nested-loading {
-                height: 100%;
-                width: 100%;
-            }
-            .ant-spin-container {
-                display: flex;
-                height: 100%;
-                width: 100%;
-                flex-direction: column;
-                justify-content: space-between;
-                gap: ${token.paddingXXS}px;
-            }
-            .ant-spin-container > div {
-                flex: 0 0 auto;
-                display: flex;
-                justify-content: space-between;
-                > .ant-space {
-                    width: 100%;
-                }
-            }
-            .ant-spin-container > div:last-child {
-                width: 100%;
-                flex: 1 1 auto;
-                position: relative;
-            }
             .eda-detail-no-data {
                 padding: ${token.padding}px;
                 display: flex;
@@ -65,56 +37,27 @@ const useStyles = createStyles(({ css, token }) => {
                 width: 100%;
                 height: 100%;
             }
-            .progress {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
             .ant-space-item:last-child {
                 height: 100%;
             }
-        `
+        `,
     };
 });
-export const EdaDataBasePanel = ({ api, data, type, size, pageSize, range, dataContext, showTimeWindow, children }) => {
-    const css = useStyles();
+export const EdaDataBasePanel = ({ api, data, pageSize, range, dataContext, children }) => {
+    const { styles } = useStyles();
+    const { detail } = useEdaConfig();
     const loadingContext = useContext(LoadingContext);
-    const renderEmpty = () => (React.createElement("div", { className: "eda-detail-no-data" },
-        React.createElement(Empty, { description: i18n("No data provided") })));
-    const renderPickers = () => (React.createElement(React.Fragment, null,
-        React.createElement("div", null,
-            React.createElement(EdaSampleRangePickerPanel, { bt: range.btTotal, et: range.etTotal, size: size, sampling: range.sampling, totalCount: dataContext.vectors.length, pageSize: pageSize ?? 10, loading: !!loadingContext?.loading, page: range.vectorPage, onChange: (bt, et, step, page) => {
-                    range.updateValues(bt, et, step, page);
-                } })),
-        showTimeWindow &&
-            React.createElement("div", null,
-                React.createElement(EdaTimeWindowPickerPanel, { start: range.btTotal, end: range.etTotal, bt: range.btWindow, et: range.etWindow, step: range.step, size: size, disabled: range.sampling === EdaSamplingType.Changes, onTimeWindowChanged: (bt, et, step) => {
-                        range.updateTimeWindow(bt, et, step);
-                    } }))));
-    const renderBody = () => (React.createElement(Space, { direction: "vertical", size: size },
-        renderPickers(),
-        children));
-    return (React.createElement(Card, { className: css.styles.baseLayout },
-        React.createElement(Spin, { spinning: loadingContext?.loading, indicator: React.createElement(LoadingIndicator, { api: api, dataContext: dataContext, loadingContext: loadingContext, size: size }) },
-            React.createElement("div", null, (type === undefined || data === undefined) ? renderEmpty() : renderBody()))));
-};
-const LoadingIndicator = ({ api, dataContext, loadingContext, size }) => {
-    if (!loadingContext) {
-        return undefined;
-    }
-    const { loadingCount, loadingPercentage, loadingVector } = loadingContext;
-    return (React.createElement("div", { className: "progress" },
-        React.createElement(Space, { direction: "vertical" },
-            React.createElement(Progress, { type: "dashboard", steps: loadingCount, percent: loadingPercentage, format: (percent) => Math.round(percent ?? 0) + "%", trailColor: "rgba(0, 0, 0, 0.06)" }),
-            React.createElement(Typography.Text, { style: { whiteSpace: "nowrap" } }, loadingVector),
-            React.createElement(Space.Compact, null,
-                React.createElement(Button, { size: size, type: "primary", danger: true, onClick: async () => {
-                        await api.cancelSession();
-                    } }, i18n("Cancel")),
-                React.createElement(Button, { size: size, type: "primary", danger: true, onClick: async () => {
-                        dataContext.cancelLoading();
-                    } }, i18n("Cancel All"))))));
+    const hasData = data !== undefined;
+    return (React.createElement(Card, { className: styles.baseLayout },
+        React.createElement(EdaLoadingOverlay, { onCancel: () => api.cancelSession(), onCancelAll: () => dataContext.cancelLoading() }),
+        !hasData && React.createElement("div", { className: "eda-detail-no-data" },
+            React.createElement(Empty, { description: i18n("No data provided") })),
+        hasData &&
+            React.createElement(Space, { direction: "vertical", style: { width: '100%', height: '100%' } },
+                React.createElement(EdaSampleRangePickerPanel, { bt: range.btTotal, et: range.etTotal, sampling: range.sampling, totalCount: range.totalCount, pageSize: pageSize ?? 10, loading: !!loadingContext?.loading, page: range.vectorPage, onChange: range.updateValues }),
+                detail?.showTimeWindow &&
+                    React.createElement(EdaTimeWindowPickerPanel, { start: range.btTotal, end: range.etTotal, bt: range.btWindow, et: range.etWindow, step: range.step, disabled: range.sampling === EdaSamplingType.Changes, onTimeWindowChanged: range.updateTimeWindow }),
+                children)));
 };
 //# sourceMappingURL=edaDataBasePanel.js.map

package/coreui/components/edaManagerComponent/components/edaDataBasePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edaDataBasePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDataBasePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useContext} from \"react\";\r\nimport {Button, Card, Empty, Progress, Space, Spin, Typography} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {EdaSamplingType, GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaSampleRangePickerPanel} from \"./edaSampleRangePickerPanel\";\r\nimport {EdaTimeWindowPickerPanel} from \"./edaTimeWindowPickerPanel\";\r\nimport {SharedSampleRange} from \"../context/sharedSampleRange\";\r\nimport {EdaVectorDataContextValue} from \"../context/edaVectorDataContext\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {LoadingContext, LoadingContextValue} from \"../context/loadingContext\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n baseLayout: css`\r\n display: flex;\r\n height: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n border-top-left-radius: 0;\r\n border-top-right-radius: 0;\r\n\r\n > .ant-card-body {\r\n height: 100%;\r\n padding: ${token.paddingXS}px;\r\n\r\n > div {\r\n height: 100%;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .ant-spin-nested-loading {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n\r\n .ant-spin-container {\r\n display: flex;\r\n height: 100%;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: ${token.paddingXXS}px;\r\n }\r\n\r\n .ant-spin-container > div {\r\n flex: 0 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n > .ant-space {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .ant-spin-container > div:last-child {\r\n width: 100%;\r\n flex: 1 1 auto;\r\n position: relative;\r\n }\r\n\r\n .eda-detail-no-data {\r\n padding: ${token.padding}px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center !important;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .progress {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .ant-space-item:last-child {\r\n height: 100%;\r\n }\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n api: EdaManagerApi\r\n data?: VectorData \| GroupData \| ScenarioData\r\n type?: IdType\r\n size?: SizeType\r\n pageSize?: number\r\n children?: React.ReactNode\r\n range: SharedSampleRange\r\n dataContext: EdaVectorDataContextValue\r\n showTimeWindow?: boolean\r\n}\r\n\r\nexport const EdaDataBasePanel: FC<Props> = ({api, data, type, size, pageSize, range, dataContext, showTimeWindow, children}) => {\r\n const css = useStyles();\r\n const loadingContext = useContext(LoadingContext);\r\n const renderEmpty = () => (<div className={\"eda-detail-no-data\"}><Empty description={i18n(\"No data provided\")}/></div>);\r\n const renderPickers = () => (\r\n <>\r\n <div>\r\n <EdaSampleRangePickerPanel\r\n bt={range.btTotal}\r\n et={range.etTotal}\r\n size={size}\r\n sampling={range.sampling}\r\n totalCount={dataContext.vectors.length}\r\n pageSize={pageSize ?? 10}\r\n loading={!!loadingContext?.loading}\r\n page={range.vectorPage}\r\n onChange={(bt, et, step, page) => {\r\n range.updateValues(bt, et, step, page);\r\n }}\r\n />\r\n </div>\r\n {showTimeWindow &&\r\n <div>\r\n <EdaTimeWindowPickerPanel\r\n start={range.btTotal}\r\n end={range.etTotal}\r\n bt={range.btWindow}\r\n et={range.etWindow}\r\n step={range.step}\r\n size={size}\r\n disabled={range.sampling === EdaSamplingType.Changes} // FIXME default -> ??\r\n onTimeWindowChanged={(bt, et, step) => {\r\n range.updateTimeWindow(bt, et, step);\r\n }}\r\n />\r\n </div>\r\n }\r\n </>\r\n );\r\n const renderBody = () => (\r\n <Space direction=\"vertical\" size={size}>\r\n {renderPickers()}\r\n {children}\r\n </Space>\r\n )\r\n\r\n return (\r\n <Card className={css.styles.baseLayout}>\r\n <Spin spinning={loadingContext?.loading} indicator={<LoadingIndicator api={api} dataContext={dataContext} loadingContext={loadingContext} size={size}/>}>\r\n <div>{(type === undefined \|\| data === undefined) ? renderEmpty() : renderBody()}</div>\r\n </Spin>\r\n </Card>\r\n )\r\n}\r\n\r\ninterface LoadingIndicatorProps {\r\n api: EdaManagerApi\r\n dataContext: EdaVectorDataContextValue\r\n loadingContext?: LoadingContextValue\r\n size: SizeType\r\n}\r\n\r\nconst LoadingIndicator: FC<LoadingIndicatorProps> = ({api, dataContext, loadingContext, size}) => {\r\n if (!loadingContext) {\r\n return undefined\r\n }\r\n\r\n const {loadingCount, loadingPercentage, loadingVector} = loadingContext;\r\n\r\n return (\r\n <div className={\"progress\"}>\r\n <Space direction={\"vertical\"}>\r\n <Progress\r\n type={\"dashboard\"}\r\n steps={loadingCount}\r\n percent={loadingPercentage}\r\n format={(percent) => Math.round(percent ?? 0) + \"%\"}\r\n trailColor=\"rgba(0, 0, 0, 0.06)\"\r\n />\r\n <Typography.Text style={{whiteSpace: \"nowrap\"}}>{loadingVector}</Typography.Text>\r\n <Space.Compact>\r\n <Button\r\n size={size}\r\n type={\"primary\"}\r\n danger\r\n onClick={async () => {\r\n await api.cancelSession();\r\n }}\r\n >\r\n {i18n(\"Cancel\")}\r\n </Button>\r\n <Button\r\n size={size}\r\n type={\"primary\"}\r\n danger\r\n onClick={async () => {\r\n dataContext.cancelLoading();\r\n }}\r\n >\r\n {i18n(\"Cancel All\")}\r\n </Button>\r\n </Space.Compact>\r\n </Space>\r\n </div>\r\n )\r\n}"]}
1	+ {"version":3,"file":"edaDataBasePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDataBasePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,eAAe,EAAY,MAAM,uBAAuB,CAAC;AACjE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAIpE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;2BAUI,KAAK,CAAC,SAAS;;;;;;;;;;2BAUf,KAAK,CAAC,OAAO;;;;;;;;;;;SAW/B;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,gBAAgB,GAAc,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC/F,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,EAAE,CAAC;IAChC,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC;IAEnC,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;QAC9B,oBAAC,iBAAiB,IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,EAAE,EACnC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAChD;QACD,CAAC,OAAO,IAAI,6BAAK,SAAS,EAAE,oBAAoB;YAAE,oBAAC,KAAK,IAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAM;QACvG,OAAO;YACJ,oBAAC,KAAK,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC;gBAC9D,oBAAC,yBAAyB,IACtB,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,QAAQ,IAAI,EAAE,EACxB,OAAO,EAAE,CAAC,CAAC,cAAc,EAAE,OAAO,EAClC,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAC9B;gBACD,MAAM,EAAE,cAAc;oBACnB,oBAAC,wBAAwB,IACrB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,eAAe,CAAC,OAAO,EACpD,mBAAmB,EAAE,KAAK,CAAC,gBAAgB,GAC7C;gBAEL,QAAQ,CACL,CAET,CACV,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React, {FC, useContext} from \"react\";\r\nimport {Card, Empty, Space} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {EdaSamplingType, TypedData} from \"../constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaSampleRangePickerPanel} from \"./edaSampleRangePickerPanel\";\r\nimport {EdaTimeWindowPickerPanel} from \"./edaTimeWindowPickerPanel\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRangeContext\";\r\nimport {EdaVectorDataContextValue} from \"../context/edaVectorDataContext\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {LoadingContext} from \"../context/loadingContext\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\r\nimport {EdaLoadingOverlay} from \"./edaLoadingOverlay\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n baseLayout: css`\r\n display: flex;\r\n height: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n border-top-left-radius: 0;\r\n border-top-right-radius: 0;\r\n\r\n > .ant-card-body {\r\n height: 100%;\r\n padding: ${token.paddingXS}px;\r\n\r\n > div {\r\n height: 100%;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .eda-detail-no-data {\r\n padding: ${token.padding}px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center !important;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .ant-space-item:last-child {\r\n height: 100%;\r\n }\r\n `,\r\n }\r\n});\r\n\r\ninterface Props {\r\n api: EdaManagerApi\r\n data?: TypedData\r\n pageSize?: number\r\n children?: React.ReactNode\r\n range: SharedSampleRangeContext\r\n dataContext: EdaVectorDataContextValue\r\n}\r\n\r\nexport const EdaDataBasePanel: FC<Props> = ({api, data, pageSize, range, dataContext, children}) => {\r\n const {styles} = useStyles();\r\n const {detail} = useEdaConfig();\r\n const loadingContext = useContext(LoadingContext);\r\n\r\n const hasData = data !== undefined;\r\n\r\n return (\r\n <Card className={styles.baseLayout}>\r\n <EdaLoadingOverlay\r\n onCancel={() => api.cancelSession()}\r\n onCancelAll={() => dataContext.cancelLoading()}\r\n />\r\n {!hasData && <div className={\"eda-detail-no-data\"}><Empty description={i18n(\"No data provided\")}/></div>}\r\n {hasData &&\r\n <Space direction=\"vertical\" style={{width: '100%', height: '100%'}}>\r\n <EdaSampleRangePickerPanel\r\n bt={range.btTotal}\r\n et={range.etTotal}\r\n sampling={range.sampling}\r\n totalCount={range.totalCount}\r\n pageSize={pageSize ?? 10}\r\n loading={!!loadingContext?.loading}\r\n page={range.vectorPage}\r\n onChange={range.updateValues}\r\n />\r\n {detail?.showTimeWindow &&\r\n <EdaTimeWindowPickerPanel\r\n start={range.btTotal}\r\n end={range.etTotal}\r\n bt={range.btWindow}\r\n et={range.etWindow}\r\n step={range.step}\r\n disabled={range.sampling === EdaSamplingType.Changes} // FIXME default -> ??\r\n onTimeWindowChanged={range.updateTimeWindow}\r\n />\r\n }\r\n {children}\r\n </Space>\r\n }\r\n </Card>\r\n )\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaDetailPanel.d.ts CHANGED Viewed

@@ -1,18 +1,9 @@
-import React from "react";
-import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
-import { BaseProps, BaseState, EdaBasePanel } from "./edaBasePanel";
-import { AliasToken } from "antd/es/theme/interface";
-import { Variant } from "antd/es/config-provider";
+import { FC } from "react";
+import { TypedData } from "../constants/edaTypes";
 import EdaManagerApi from "../../../../api/eda/edaManagerApi";
-interface Props extends BaseProps {
+interface Props {
     api: EdaManagerApi;
-    size?: SizeType;
-    variant?: Variant;
-}
-export declare class EdaDetailPanel extends EdaBasePanel<Props, BaseState> {
-    constructor(props: Readonly<Props>);
-    protected getDefaultBaseState(): BaseState;
-    protected renderPanel(_css: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode;
+    data?: TypedData;
 }
+export declare const EdaDetailPanel: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/components/edaDetailPanel.js CHANGED Viewed

@@ -2,24 +2,85 @@ import React from "react";
 import { EdaVectorDetailPanel } from "./edaVectorDetailPanel";
 import { EdaGroupDetailPanel } from "./edaGroupDetailPanel";
 import { EdaScenarioDetailPanel } from "./edaScenarioDetailPanel";
-import { EdaBasePanel } from "./edaBasePanel";
-export class EdaDetailPanel extends EdaBasePanel {
-    constructor(props) {
-        super(props);
+import { Card, Empty } from "antd";
+import { createStyles } from "antd-style";
+import i18n from "d2core/i18n/i18n";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            display: flex;
+            height: 100%;
+            flex-direction: column;
+            justify-content: space-between;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            > .ant-card-body {
+                height: 100%;
+                padding: ${token.paddingXS}px;
+                > div {
+                    height: 100%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+            }
+            .ant-spin-nested-loading {
+                height: 100%;
+                width: 100%;
+            }
+            .ant-spin-container {
+                display: flex;
+                height: 100%;
+                width: 100%;
+                flex-direction: column;
+                justify-content: space-between;
+                gap: ${token.paddingXXS}px;
+            }
+            .ant-spin-container > div {
+                flex: 0 0 auto;
+                display: flex;
+                justify-content: space-between;
+            }
+            .ant-spin-container > div:last-child {
+                width: 100%;
+                flex: 1 1 auto;
+                position: relative;
+            }
+            .eda-detail-no-data {
+                padding: ${token.padding}px;
+                display: flex;
+                align-items: center;
+                justify-content: center !important;
+                width: 100%;
+                height: 100%;
+            }
+            .progress {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        `
+    };
+});
+export const EdaDetailPanel = ({ api, data }) => {
+    const { styles } = useStyles();
+    if (data === undefined) {
+        return (React.createElement(Card, { className: styles.baseLayout },
+            React.createElement("div", null,
+                React.createElement("div", { className: "eda-detail-no-data" },
+                    React.createElement(Empty, { description: i18n("No data provided") })))));
     }
-    getDefaultBaseState() {
-        return {};
-    }
-    renderPanel(_css, type, data) {
-        const { api, size, variant } = this.props;
-        switch (type) {
-            case 0:
-                return React.createElement(EdaVectorDetailPanel, { api: api, data: data, size: size, variant: variant });
-            case 1:
-                return React.createElement(EdaGroupDetailPanel, { data: data, size: size, variant: variant });
-            case 2:
-                return React.createElement(EdaScenarioDetailPanel, { data: data, size: size, variant: variant });
-        }
-    }
-}
+    return (React.createElement(Card, { className: styles.baseLayout },
+        React.createElement("div", null,
+            data.type === 0 && React.createElement(EdaVectorDetailPanel, { api: api, data: data.data }),
+            data.type === 1 && React.createElement(EdaGroupDetailPanel, { data: data.data }),
+            data.type === 2 && React.createElement(EdaScenarioDetailPanel, { data: data.data }))));
+};
 //# sourceMappingURL=edaDetailPanel.js.map

package/coreui/components/edaManagerComponent/components/edaDetailPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edaDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,MAAM,OAAO,CAAC;~~AAE1B~~,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,~~EAAuB~~,~~YAAY~~,EAAC,MAAM,~~gBAAgB~~,CAAC;~~AAWlE~~,~~MAAM,~~OAAO,~~cAAe~~,~~SAAQ~~,~~YAA8B;IAC9D~~,YAAY,~~KAAsB~~;~~QAC9B~~,~~KAAK~~,~~CAAC~~,~~KAAK~~,~~CAAC~~,CAAC;~~IACjB~~,CAAC~~;IAES~~,~~mBAAmB~~;~~QACzB~~,OAAO,EAAE,CAAA~~;IACb~~,CAAC~~;IAES~~,~~WAAW~~,CAAC,~~IAAgB~~,~~EAAE~~,~~IAAY~~,~~EAAE~~,~~IAA2C~~;~~QAC7F~~,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,~~OAAO~~,EAAC,GAAG,~~IAAI~~,~~CAAC~~,~~KAAK,~~CAAC;~~QAExC~~,~~QAAQ~~,IAAI,EAAE,CAAC;~~YACX;gBACI~~,OAAO,oBAAC,~~oBAAoB~~,IAAC,~~GAAG~~,EAAE,~~GAAG~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~IAAkB~~,EAAE,~~IAAI~~,EAAE,IAAI,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~OAAO~~,~~GAAI~~,CAAC;~~YACtG~~;~~gBACI~~,OAAO,oBAAC,~~mBAAmB~~,IAAC,~~IAAI~~,EAAE,~~IAAiB~~,~~EAAE~~,IAAI,~~EAAE~~,IAAI,EAAE,~~OAAO~~,EAAE,~~OAAO~~,~~GAAI~~,CAAC;~~YAC1F;gBACI~~,~~OAAO~~,oBAAC,~~sBAAsB~~,IAAC,IAAI,EAAE,~~IAAoB~~,~~EAAE~~,IAAI,~~EAAE~~,IAAI,~~EAAE~~,~~OAAO~~,EAAE,~~OAAO~~,~~GAAI~~,CAAC;~~QACpG~~,CAAC~~;IACL~~,~~CAAC;CACJ~~","sourcesContent":["import React from \"react\";\r\nimport {~~GroupData,~~ IdType, ~~ScenarioData, VectorData~~} from \"../constants/edaTypes\";\r\nimport {EdaVectorDetailPanel} from \"./edaVectorDetailPanel\";\r\nimport {EdaGroupDetailPanel} from \"./edaGroupDetailPanel\";\r\nimport {EdaScenarioDetailPanel} from \"./edaScenarioDetailPanel\";\r\nimport ~~{SizeType}~~ from \"~~antd~~/~~lib~~/~~config-provider/SizeContext~~\";\r\nimport {~~BaseProps~~, ~~BaseState, EdaBasePanel~~} from \"~~./edaBasePanel~~\";\r\nimport {~~AliasToken~~} from \"antd~~/es/theme/interface~~\";\r\nimport ~~{Variant}~~ from \"~~antd~~/es/~~config-provider~~\";\r\~~nimport~~ ~~EdaManagerApi~~ ~~from~~ \~~"../../../../api/eda/edaManagerApi~~\";\r\n\r\~~ninterface~~ ~~Props~~ ~~extends~~ ~~BaseProps~~ {\r\n ~~api~~: ~~EdaManagerApi~~\r\n ~~size?:~~ ~~SizeType~~\r\n ~~variant?:~~ ~~Variant~~\r\n}\r\n\r\~~nexport~~ ~~class~~ ~~EdaDetailPanel~~ ~~extends~~ ~~EdaBasePanel<Props,~~ ~~BaseState>~~ {\r\n ~~constructor(props~~: ~~Readonly<Props~~>) {\r\n ~~super(props)~~;\r\n }\r\n\r\n ~~protected~~ ~~getDefaultBaseState()~~: ~~BaseState~~ {\r\n ~~return~~ {}\r\n }\r\n\r\n ~~protected~~ ~~renderPanel(_css~~: ~~AliasToken,~~ ~~type~~: ~~IdType,~~ ~~data~~: ~~VectorData~~ \| ~~GroupData~~ \| ~~ScenarioData)~~: ~~React.ReactNode~~ {\r\n const {api, ~~size,~~ ~~variant~~} = ~~this.props~~;\r\n\r\n ~~switch~~ (~~type~~) {\r\n ~~case~~ ~~IdType.VECTOR:\~~r\n ~~return~~ <~~EdaVectorDetailPanel~~ ~~api~~={~~api~~} ~~data~~={data ~~as VectorData~~} ~~size~~={~~size}~~ ~~variant={variant~~} ~~/>;\~~r\n ~~case IdType.GROUP:\~~r\n return <~~EdaGroupDetailPanel~~ ~~data~~={data as ~~GroupData}~~ ~~size~~={~~size~~} ~~variant~~={~~variant~~} ~~/>;\~~r\n ~~case~~ IdType.~~SCENARIO:\~~r\n ~~return~~ <EdaScenarioDetailPanel data={data ~~as ScenarioData~~} ~~size={size~~} ~~variant={variant} />;\~~r\n }\r\n }\r\n}"]}
1	+ {"version":3,"file":"edaDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACjC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;2BAUI,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;uBAoBnB,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;2BAgBZ,KAAK,CAAC,OAAO;;;;;;;;;;;;;SAa/B;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE;IACrD,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACrB,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;YAC9B;gBACI,6BAAK,SAAS,EAAE,oBAAoB;oBAChC,oBAAC,KAAK,IAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAC7C,CACJ,CACH,CACV,CAAC;IACN,CAAC;IAED,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;QAC9B;YACK,IAAI,CAAC,IAAI,MAAkB,IAAI,oBAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG;YACjF,IAAI,CAAC,IAAI,MAAiB,IAAI,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG;YACrE,IAAI,CAAC,IAAI,MAAoB,IAAI,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,CAC1E,CACH,CACV,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC} from \"react\";\r\nimport {IdType, TypedData} from \"../constants/edaTypes\";\r\nimport {EdaVectorDetailPanel} from \"./edaVectorDetailPanel\";\r\nimport {EdaGroupDetailPanel} from \"./edaGroupDetailPanel\";\r\nimport {EdaScenarioDetailPanel} from \"./edaScenarioDetailPanel\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {Card, Empty} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n return {\r\n baseLayout: css`\r\n display: flex;\r\n height: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n border-top-left-radius: 0;\r\n border-top-right-radius: 0;\r\n\r\n > .ant-card-body {\r\n height: 100%;\r\n padding: ${token.paddingXS}px;\r\n\r\n > div {\r\n height: 100%;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .ant-spin-nested-loading {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n\r\n .ant-spin-container {\r\n display: flex;\r\n height: 100%;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: ${token.paddingXXS}px;\r\n }\r\n\r\n .ant-spin-container > div {\r\n flex: 0 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .ant-spin-container > div:last-child {\r\n width: 100%;\r\n flex: 1 1 auto;\r\n position: relative;\r\n }\r\n\r\n .eda-detail-no-data {\r\n padding: ${token.padding}px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center !important;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .progress {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n api: EdaManagerApi\r\n data?: TypedData\r\n}\r\n\r\nexport const EdaDetailPanel: FC<Props> = ({api, data}) => {\r\n const {styles} = useStyles();\r\n\r\n if (data === undefined) {\r\n return (\r\n <Card className={styles.baseLayout}>\r\n <div>\r\n <div className={\"eda-detail-no-data\"}>\r\n <Empty description={i18n(\"No data provided\")}/>\r\n </div>\r\n </div>\r\n </Card>\r\n );\r\n }\r\n\r\n return (\r\n <Card className={styles.baseLayout}>\r\n <div>\r\n {data.type === IdType.VECTOR && <EdaVectorDetailPanel api={api} data={data.data}/>}\r\n {data.type === IdType.GROUP && <EdaGroupDetailPanel data={data.data}/>}\r\n {data.type === IdType.SCENARIO && <EdaScenarioDetailPanel data={data.data}/>}\r\n </div>\r\n </Card>\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaGraphPanel.d.ts CHANGED Viewed

@@ -1,16 +1,11 @@
 import { FC } from "react";
 import EdaManagerApi from "../../../../api/eda/edaManagerApi";
-import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { TypedData } from "../constants/edaTypes";
 interface Props {
     api: EdaManagerApi;
     pageSize?: number;
-    data?: VectorData | GroupData | ScenarioData;
-    type?: IdType;
+    data?: TypedData;
     isActive: boolean;
-    showTimeWindow?: boolean;
-    showChartLegend?: boolean;
-    size?: SizeType;
 }
 export declare const EdaGraphPanel: FC<Props>;
 export {};