@neo4j-ndl/react-charts 1.0.88 → 1.0.89

package/lib/cjs/charts/Chart.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultThresholdLineSeriesOption = void 0;
 exports.Chart = Chart;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -29,6 +28,7 @@ const echarts_1 = require("echarts");
 const react_2 = require("react");
 const server_1 = require("react-dom/server");
 const ChartTooltip_1 = require("./ChartTooltip");
+const defaults_1 = require("./defaults");
 const Legend_1 = require("./Legend");
 const ndl_echarts_theme_1 = require("./themes/ndl-echarts-theme");
 const user_option_utils_1 = require("./user-option-utils");
@@ -79,9 +79,16 @@ function checkCondition(value, condition, threshold) {
             return { conditionText: undefined, isConditionMet: false };
     }
 }
-exports.defaultThresholdLineSeriesOption = {
-    condition: 'greater',
-};
+/*
+Keep this, if we want more than one type of the same threshold line
+this will be useful to use.
+
+export interface NewRegisteredSeriesOption extends RegisteredSeriesOption {
+thresholdLine: ThresholdLineSeriesOption;
+}
+export type SeriesOption = Values<NewRegisteredSeriesOption>;
+export type Series = SeriesOption | SeriesOption[];
+*/
 function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis, series: propsSeries, style, settings = {
     lazyUpdate: false,
     notMerge: true,
@@ -108,7 +115,7 @@ function Chart({ dataset, option: userOption, xAxis: propXAxis, yAxis: propYAxis
         });
         return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {
             var _a;
-            return Object.assign(Object.assign({}, currentThresholdLineSeriesOption), { condition: (_a = currentThresholdLineSeriesOption.condition) !== null && _a !== void 0 ? _a : exports.defaultThresholdLineSeriesOption.condition, value: currentThresholdLineSeriesOption.yAxis });
+            return Object.assign(Object.assign({}, currentThresholdLineSeriesOption), { condition: (_a = currentThresholdLineSeriesOption.condition) !== null && _a !== void 0 ? _a : defaults_1.defaultThresholdLineSeriesOption.condition, value: currentThresholdLineSeriesOption.yAxis });
         });
     }, [propsSeries]);
     const dataZoom = (0, react_2.useMemo)(() => {

package/lib/cjs/charts/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;AA6MA,sBAwgBC;;AArtBD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AACzC,4CAAkD;AAClD,qCAUiB;AACjB,iCAMe;AACf,6CAAkD;AAElD,iDAAqE;AACrE,qCAAoD;AACpD,kEAA6D;AAC7D,2DAM6B;AAC7B,mCAA+E;AAe/E,iDAAiD;AACjD,2CAA2C;AAC3C,SAAS,cAAc,CACrB,KAAa,EACb,SAAoB,EACpB,SAAiB;IAKjB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,GAAG,SAAS;aAClC,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO;gBACL,aAAa,EACX,KAAK,GAAG,SAAS;oBACf,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,KAAK,KAAK,SAAS;wBACnB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS;gBACjB,cAAc,EAAE,KAAK,IAAI,SAAS;aACnC,CAAC;QACJ,KAAK,MAAM;YACT,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,GAAG,SAAS;aAClC,CAAC;QACJ,KAAK,aAAa;YAChB,OAAO;gBACL,aAAa,EACX,KAAK,GAAG,SAAS;oBACf,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,KAAK,KAAK,SAAS;wBACnB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS;gBACjB,cAAc,EAAE,KAAK,IAAI,SAAS;aACnC,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,KAAK,SAAS;aACpC,CAAC;QACJ,KAAK,UAAU;YACb,OAAO;gBACL,aAAa,EAAE,WAAW;gBAC1B,cAAc,EAAE,KAAK,KAAK,SAAS;aACpC,CAAC;QACJ;YACE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;IAC/D,CAAC;AACH,CAAC;AAeY,QAAA,gCAAgC,GAEzC;IACF,SAAS,EAAE,SAAS;CACrB,CAAC;AAgEF,SAAgB,KAAK,CAAC,EACpB,OAAO,EACP,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,QAAQ,GAAG;IACT,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,KAAK;CACd,EACD,SAAS,EACT,mBAAmB,GAAG,KAAK,EAC3B,MAAM,EACN,SAAS,GACE;IACX,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7E,MAAM,eAAe,GAAI,UAA4B,aAA5B,UAAU,uBAAV,UAAU,CAAoB,QAAQ,CAAC;IAChE,MAAM,cAAc,GAAI,UAA4B,aAA5B,UAAU,uBAAV,UAAU,CAAoB,OAAO,CAAC;IAE9D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;QAClD,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,cAAuC,EAAE,EAAE;YAC/D,OAAO,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,MAAK,QAAQ,CAAC;QAC3C,CAAC,CAAC;QACJ,CAAC,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,MAAK,QAAQ,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IACnC,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YAC5C,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAElB,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;YAC/D,OAAO,aAAa,CAAC,IAAI,KAAK,eAAe,CAAC;QAChD,CAAC,CAAkD,CAAC;QAEpD,OAAO,mBAAmB,CAAC,GAAG,CAAC,CAAC,gCAAgC,EAAE,EAAE;;YAClE,uCACK,gCAAgC,KACnC,SAAS,EACP,MAAA,gCAAgC,CAAC,SAAS,mCAC1C,wCAAgC,CAAC,SAAS,EAC5C,KAAK,EAAE,gCAAgC,CAAC,KAAK,IAC7C;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,OAAO,IAAA,iCAAa,EAAC,eAAe,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,MAAM,GAAG,IAAA,+BAAW,EAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,8BAAU,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAA,8BAAU,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC;QAC1C,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC;IAE/B,gEAAgE;IAChE,+DAA+D;IAC/D,wDAAwD;IACxD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,MAAM,iCACV,OAAO;YACP,KAAK;YACL,KAAK,IACF,UAAU,KACb,IAAI,kBACF,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK;iBACZ,EACD,OAAO,EAAE,IAAI,IACT,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,IAAI,kBACF,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvC,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,IAAI,IACd,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,MAAM,EAAE;gBACN,kCAAkC;gBAClC,IAAI,EAAE,KAAK;aACZ,EACD,MAAM,EACN,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,IAAI;gBACb,wCAAwC;gBACxC,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,YAAY,EAAE,kDAAkD;gBAChE,SAAS,EAAE,UAAU,MAAe;;oBAClC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBAC9D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;oBAElC,IAAI,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC;oBACpD,IACE,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,KAAK,QAAQ;wBACvC,UAAU,CAAC,OAAO,KAAK,IAAI;wBAC3B,gBAAgB,IAAI,UAAU,CAAC,OAAO,EACtC,CAAC;wBACD,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,cAEzB,CAAC;oBACd,CAAC;oBACD,OAAO,GAAG,IAAA,uBAAc,EACtB,kCAAM,SAAS,EAAC,0BAA0B,aACxC,uBAAC,2BAAY,CAAC,KAAK,cAChB,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,mCAAI,EAAE,GACd,EACpB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gCAC1B,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;gCAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;oCACnD,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;oCACvB,CAAC,CAAC,kBAAkB,CAAC;gCAEvB,MAAM,eAAe,GACnB,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;gCAEhD,MAAM,aAAa,GAAG,cAAc;qCACjC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;oCACpB,MAAM,EACJ,KAAK,EAAE,cAAc,EACrB,SAAS,EACT,eAAe,GAChB,GAAG,SAAS,CAAC;oCAEd,MAAM,cAAc,GAAG,eAAe;wCACpC,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,cAAc,CAAC;wCAC9C,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC;6CACnD,cAAc,CAAC;oCAEtB,OAAO,CAAC,eAAe,IAAI,cAAc,CAAC;gCAC5C,CAAC,CAAC;qCACD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oCACjB,MAAM,EACJ,gBAAgB,EAChB,KAAK,EAAE,cAAc,EACrB,SAAS,EACT,mBAAmB,EACnB,eAAe,GAChB,GAAG,SAAS,CAAC;oCAEd,OAAO;wCACL,EAAE,EAAE,aAAa,gBAAgB,EAAE;wCACnC,cAAc,EAAE,eAAe;4CAC7B,CAAC,CAAC,mBAAmB;4CACrB,CAAC,CAAC,GACE,cAAc,CACZ,WAAW,EACX,SAAS,EACT,cAAc,CACf,CAAC,aACJ,YAAY;wCAChB,gBAAgB;wCAChB,eAAe,EAAE,cAAc;qCAChC,CAAC;gCACJ,CAAC,CAAC,CAAC;gCAEL,MAAM,KAAK,GAAG,IAAA,qCAA6B,EACzC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,OAAO,CACf,CAAC;gCAEF,OAAO,CACL,uBAAC,2BAAY,CAAC,OAAO,IAEnB,cAAc,EACZ,eAAe;wCACb,CAAC,CAAC,GAAG,IAAA,6BAAqB,EACtB,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAChD,YAAY;wCACf,CAAC,CAAC,MAAM,CAAC,UAAU,EAEvB,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EACtC,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAC/B,aAAa,EAAE,aAAa,IAVvB,MAAM,CAAC,UAAU,CAWtB,CACH,CAAC;4BACJ,CAAC,CAAC,IACG,CACR,EAAE,CAAC;gBACN,CAAC;aACF,EACD,QAAQ,EACR,OAAO,EAAE,IAAA,gCAAY,EAAC,cAAc,CAAC,GACtC,CAAC;QAEF,mCAAmC;QACnC,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACvD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnC,sDAAsD;QACtD,qEAAqE;QACrE,uEAAuE;QACvE,4EAA4E;QAC5E,+EAA+E;QAC/E,0CAA0C;QAC1C,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAAC;QAEvC,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE;QACD,OAAO;QACP,KAAK;QACL,KAAK;QACL,UAAU;QACV,gBAAgB;QAChB,aAAa;QACb,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,QAAQ;KACT,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,mBAAmB;QACnB,IAAI,KAA0B,CAAC;QAC/B,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,IAAA,uBAAa,EAAC,WAAW,EAAE,IAAA,mCAAe,EAAC,OAAO,CAAC,CAAC,CAAC;YACrD,IAAA,uBAAa,EAAC,UAAU,EAAE,IAAA,mCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;YAEnD,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9D,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,GAAG,YAAY,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,MAAM,YAAY,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;gBAClE,KAAK,GAAG,IAAA,cAAI,EAAC,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE;oBACjD,QAAQ,EAAE,KAAK;iBAChB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAE,CAAC;YACtB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE;;gBACzB,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;oBACpC,OAAO;gBACT,CAAC;gBAED,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC9D,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,OAAO;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;gBACxC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;oBAChC,OAAO;gBACT,CAAC;gBAED,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;oBAC7C,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACpB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACpB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,QAGhC,CAAC;gBAEF,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0DAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,4BAA4B;QAC5B,8CAA8C;QAC9C,SAAS,WAAW;YAClB,kFAAkF;YAClF,oEAAoE;YACpE,oCAAoC;YACpC,2EAA2E;YAC3E,wEAAwE;YACxE,kEAAkE;YAClE,OAAO;YACP,sBAAsB;YACtB,gDAAgD;YAChD,sCAAsC;YACtC,iDAAiD;YACjD,QAAQ;YACR,0BAA0B;YAC1B,2BAA2B;YAC3B,gDAAgD;YAChD,KAAK;YACL,EAAE;YACF,oDAAoD;YACpD,wCAAwC;YACxC,qBAAqB;YACrB,YAAY;YACZ,sBAAsB;YACtB,OAAO;YACP,MAAM;;YAEN,oDAAoD;YACpD,MAAM,oBAAoB,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,YAAY,CAAC;YAC5D,MAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,CAAC;YAC1D,yFAAyF;YACzF,MAAM,iBAAiB,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACrE,MAAM,MAAM,GAAG,oBAAoB;gBACjC,CAAC,CAAC,oBAAoB,GAAG,iBAAiB;gBAC1C,CAAC,CAAC,SAAS,CAAC;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;gBACZ,MAAM;gBACN,KAAK,EAAE,mBAAmB;aAC3B,CAAC,CAAC;QACL,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC/C,qBAAqB,CAAC,GAAG,EAAE;YACzB,WAAW,EAAE,CAAC;YACd,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,4EAA4E;YAC5E,0EAA0E;YAC1E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;QAC3C,CAAC,CAAC;QACF,+DAA+D;QAC/D,4DAA4D;QAC5D,wDAAwD;QACxD,MAAM,UAAU,GAAG,MAAA,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAgB,CAAC;QACtE,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC5D,CAAC;QAED,MAAM,eAAe,GAAG,CAAC,MAA6B,EAAE,EAAE;;YACxD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAC;YACzC,MAAM,aAAa,GAAG,mBAAmB,KAAK,CAAC,CAAC;YAChD,IAAI,aAAa,EAAE,CAAC;gBAClB,iBAAiB;gBACjB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,OAAO;gBACT,CAAC;gBACD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,CAAC;oBACpB,GAAG,EAAE,GAAG;oBACR,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAC;gBACH,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAE,CAAC;oBACtB,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0DAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;gBACxD,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QACF,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAClD,CAAC;QAED,0BAA0B;QAC1B,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,CAAC;QACtD,MAAM,OAAO,GAAG,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAElD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAE3D,6BAA6B;YAC7B,IAAI,sBAAsB,EAAE,CAAC;gBAC3B,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,sBAAsB,CAAC,CAAC;gBACvD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,CAAC;QAExD,IAAI,SAAS,KAAK,IAAI,IAAI,uBAAuB,EAAE,CAAC;YAClD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC;gBACjB,KAAK,EAAE,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM;gBAClD,UAAU,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;gBACjD,QAAQ,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ;gBAC7C,UAAU,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;gBACjD,SAAS,EAAE,aAAa,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,eAAe;gBACrF,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAC1D,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAChC,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,IAAI,uBAAuB,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,CAAC;QACxD,MAAM,YAAY,GAAG,MAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAuB,mCAAI,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC;QAE7C,MAAM,YAAY,GAGZ,EAAE,CAAC;QACT,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAChC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;gBAC5C,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;oBAC3B,OAAO;gBACT,CAAC;qBAAM,IACL,aAAa,CAAC,IAAI,KAAK,MAAM;oBAC7B,OAAO,aAAa,CAAC,IAAI,KAAK,QAAQ;qBACtC,MAAA,aAAa,CAAC,IAAI,0CAAE,QAAQ,CAAC,eAAe,CAAC,CAAA,EAC7C,CAAC;oBACD,OAAO;gBACT,CAAC;qBAAM,IAAI,aAAa,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oBACxC,MAAM,eAAe,GAAG,MAAA,aAAa,CAAC,MAAM,0CAAE,QAAQ,CAAC;oBACvD,IAAI,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;wBAC/C,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;wBAClB,CAAC,CAAC,aAAa,CAAC;oBAClB,IAAI,aAAa,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;wBAC5D,cAAc,GAAG,aAAa,CAAC,IAAI,CACjC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,aAAa,CAAC,SAAS,CAC1C,CAAC;oBACJ,CAAC;yBAAM,IAAI,aAAa,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;wBACpD,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;4BAC3C,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC;4BAC3C,CAAC,CAAC,aAAa,CAAC;oBACpB,CAAC;oBACD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC;wBAC3D,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC,CAAC,CAAC;wBAC3B,CAAC,CAAC,SAAS,CAAC;oBACd,IAAI,CAAC,eAAe,EAAE,CAAC;wBACrB,OAAO;oBACT,CAAC;oBAED,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;wBACnC,MAAM,oBAAoB,GAAG,eAAe,CAAC,SAAS,CACpD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,CACnC,CAAC;wBAEF,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE,CAAC;4BAChC,OAAO;wBACT,CAAC;wBAED,MAAM,MAAM,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC;wBACtC,IAAI,CAAC,MAAM,EAAE,CAAC;4BACZ,OAAO;wBACT,CAAC;wBAED,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/D,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC;4BAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAwB,CAAC;4BACpD,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAC5B,EAAE,eAAe,EAAE,QAAQ,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EACrD,OAAO,CACR,CAAC;4BACF,YAAY,CAAC,IAAI,CAAC;gCAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gCACpD,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;6BACxC,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,0BAA0B;oBAC5B,CAAC;oBAED,OAAO;gBACT,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;wBACtC,CAAC,CAAC,MAAA,YAAY,CAAC,KAAK,CAAC,0CAAE,IAAI;wBAC3B,CAAC,CAAC,SAAS,CAAC;oBAEd,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;wBACvB,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;oBAChE,YAAY,CAAC,IAAI,CAAC;wBAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;wBACpD,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;qBACnB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7C,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,KAAK,EAAE,CAAC;YACV,yCAAyC;YACzC,iEAAiE;YACjE,KAAK,CAAC,cAAc,CAAC;gBACnB,oBAAoB,EAAE,IAAI;gBAC1B,GAAG,EAAE,gBAAgB;gBACrB,IAAI,EAAE,kBAAkB;aACzB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,CACL,iCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,aACpD,gCAAK,GAAG,EAAE,cAAc,GAAI,EAC3B,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,uBAAuB,IAAI,CAC3C,uBAAC,eAAM,IACL,GAAG,EAAE,cAAc,EACnB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,QAAQ,EAAE,cAAc,GACxB,CACH,IACG,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 { tokens } from '@neo4j-ndl/base';\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  type DataZoomComponentOption,\n  type ECharts,\n  type EChartsOption,\n  getInstanceByDom,\n  init,\n  type LineSeriesOption,\n  type RegisteredSeriesOption,\n  registerTheme,\n  type SetOptionOpts,\n} from 'echarts';\nimport {\n  type CSSProperties,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { renderToString } from 'react-dom/server';\n\nimport { ChartTooltip, type NotificationType } from './ChartTooltip';\nimport { Legend, type LegendProps } from './Legend';\nimport { ndlEchartsTheme } from './themes/ndl-echarts-theme';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeToolbox,\n  mergeXAxis,\n  mergeYAxis,\n} from './user-option-utils';\nimport { capitalizeFirstLetter, extractValueFromTooltipSeries } from './utils';\n\ntype Condition =\n  | 'greater'\n  | 'greaterOrEqual'\n  | 'less'\n  | 'lessOrEqual'\n  | 'equal'\n  | 'notEqual';\n\ntype CustomCondition = (\n  lineValue: unknown,\n  thresholdLineValue: unknown,\n) => boolean;\n\n// This returns a boolean if the condition is met\n// and also what to display in the tooltip.\nfunction checkCondition(\n  value: number,\n  condition: Condition,\n  threshold: number,\n): {\n  isConditionMet: boolean;\n  conditionText: string | undefined;\n} {\n  switch (condition) {\n    case 'greater':\n      return {\n        conditionText: 'Above',\n        isConditionMet: value > threshold,\n      };\n    case 'greaterOrEqual':\n      return {\n        conditionText:\n          value > threshold\n            ? 'Above'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value >= threshold,\n      };\n    case 'less':\n      return {\n        conditionText: 'Below',\n        isConditionMet: value < threshold,\n      };\n    case 'lessOrEqual':\n      return {\n        conditionText:\n          value < threshold\n            ? 'Below'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value <= threshold,\n      };\n    case 'equal':\n      return {\n        conditionText: 'Equal',\n        isConditionMet: value === threshold,\n      };\n    case 'notEqual':\n      return {\n        conditionText: 'Not equal',\n        isConditionMet: value !== threshold,\n      };\n    default:\n      return { conditionText: undefined, isConditionMet: false };\n  }\n}\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\nexport const defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport type Values<T> = T[keyof T];\nexport type SeriesOption = Values<RegisteredSeriesOption>;\n\nexport type EchartsSeries = SeriesOption | SeriesOption[];\n\n/*\nKeep this, if we want more than one type of the same threshold line\nthis will be useful to use.\n\nexport interface NewRegisteredSeriesOption extends RegisteredSeriesOption {\nthresholdLine: ThresholdLineSeriesOption;\n}\nexport type SeriesOption = Values<NewRegisteredSeriesOption>;\nexport type Series = SeriesOption | SeriesOption[];\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\ninterface 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?: 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\nexport function Chart({\n  dataset,\n  option: userOption,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n  series: propsSeries,\n  style,\n  settings = {\n    lazyUpdate: false,\n    notMerge: true,\n    silent: false,\n  },\n  isLoading,\n  isChartZoomDisabled = false,\n  legend,\n  callbacks,\n}: ChartProps): React.JSX.Element {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const chartLegendRef = useRef<HTMLDivElement>(null);\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n\n  const hasSliderZoom = Array.isArray(dataZoomOptions)\n    ? dataZoomOptions.some((dataZoomOption: DataZoomComponentOption) => {\n        return dataZoomOption?.type === 'slider';\n      })\n    : dataZoomOptions?.type === 'slider';\n\n  const { theme } = useNeedleTheme();\n  const thresholdLines = useMemo(() => {\n    const seriesArray = Array.isArray(propsSeries)\n      ? propsSeries\n      : [propsSeries];\n\n    const thresholdLineSeries = seriesArray.filter((currentSeries) => {\n      return currentSeries.type === 'thresholdLine';\n    }) as ThresholdLineSeriesOption<NotificationType>[];\n\n    return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {\n      return {\n        ...currentThresholdLineSeriesOption,\n        condition:\n          currentThresholdLineSeriesOption.condition ??\n          defaultThresholdLineSeriesOption.condition,\n        value: currentThresholdLineSeriesOption.yAxis,\n      };\n    });\n  }, [propsSeries]);\n\n  const dataZoom = useMemo(() => {\n    return mergeDataZoom(dataZoomOptions);\n  }, [dataZoomOptions]);\n\n  const series = mergeSeries(propsSeries, theme, userOption);\n  const xAxis = mergeXAxis(propXAxis, theme);\n  const yAxis = mergeYAxis(propYAxis, theme);\n\n  const hasCategoryXAxis = Array.isArray(xAxis)\n    ? xAxis.some((x) => x.type === 'category')\n    : xAxis?.type === 'category';\n\n  // The initial option used, the charts option is not necessarily\n  // the same as this due to mutation via dispatch and setOption.\n  // use getOption to get the current option of the chart.\n  const initialOption = useMemo(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const option = {\n      dataset,\n      xAxis,\n      yAxis,\n      ...userOption,\n      aria: {\n        decal: {\n          show: false,\n        },\n        enabled: true,\n        ...(userOption?.aria as EChartsOption['aria']),\n      },\n      grid: {\n        left: hasCategoryXAxis ? '15px' : '10px',\n        right: hasCategoryXAxis ? '15px' : '10px',\n        top: '10px',\n        bottom: hasSliderZoom ? '60px' : '10px',\n        type: 'solid',\n        containLabel: true,\n        ...(userOption?.grid as EChartsOption['grid']),\n      },\n      legend: {\n        // Removes in-built echarts legend\n        show: false,\n      },\n      series,\n      tooltip: {\n        trigger: 'axis',\n        confine: true,\n        // Reset the default tooltip css styling\n        padding: 0,\n        borderRadius: 0,\n        borderWidth: 0,\n        extraCssText: 'box-shadow: none; background-color: transparent;',\n        formatter: function (params: unknown) {\n          const paramsArray = Array.isArray(params) ? params : [params];\n          const firstParam = paramsArray[0];\n\n          let valueFormatter = (value: unknown) => `${value}`;\n          if (\n            typeof userOption?.tooltip === 'object' &&\n            userOption.tooltip !== null &&\n            'valueFormatter' in userOption.tooltip\n          ) {\n            valueFormatter = userOption.tooltip.valueFormatter as (\n              value: unknown,\n            ) => string;\n          }\n          return `${renderToString(\n            <span className=\"ndl-charts-chart-tooltip\">\n              <ChartTooltip.Title>\n                {firstParam?.axisValueLabel ?? ''}\n              </ChartTooltip.Title>\n              {paramsArray.map((series) => {\n                const { value: seriesValueUnknown } = series;\n\n                const seriesValue = Array.isArray(seriesValueUnknown)\n                  ? seriesValueUnknown[1]\n                  : seriesValueUnknown;\n\n                const isThresholdLine =\n                  series.seriesName.startsWith('thresholdLine');\n\n                const notifications = thresholdLines\n                  .filter((threshold) => {\n                    const {\n                      value: thresholdValue,\n                      condition,\n                      customCondition,\n                    } = threshold;\n\n                    const isConditionMet = customCondition\n                      ? customCondition(seriesValue, thresholdValue)\n                      : checkCondition(seriesValue, condition, thresholdValue)\n                          .isConditionMet;\n\n                    return !isThresholdLine && isConditionMet;\n                  })\n                  .map((threshold) => {\n                    const {\n                      notificationType,\n                      value: thresholdValue,\n                      condition,\n                      customConditionText,\n                      customCondition,\n                    } = threshold;\n\n                    return {\n                      id: `threshold-${notificationType}`,\n                      leadingElement: customCondition\n                        ? customConditionText\n                        : `${\n                            checkCondition(\n                              seriesValue,\n                              condition,\n                              thresholdValue,\n                            ).conditionText\n                          } threshold`,\n                      notificationType,\n                      trailingElement: thresholdValue,\n                    };\n                  });\n\n                const value = extractValueFromTooltipSeries(\n                  series.value,\n                  series.encode,\n                  series.axisDim,\n                );\n\n                return (\n                  <ChartTooltip.Content\n                    key={series.seriesName}\n                    leadingElement={\n                      isThresholdLine\n                        ? `${capitalizeFirstLetter(\n                            series.seriesName.replace('thresholdLine-', ''),\n                          )} threshold`\n                        : series.seriesName\n                    }\n                    trailingElement={valueFormatter(value)}\n                    indentSquareColor={series.color}\n                    notifications={notifications}\n                  />\n                );\n              })}\n            </span>,\n          )}`;\n        },\n      },\n      dataZoom,\n      toolbox: mergeToolbox(toolboxOptions),\n    };\n\n    // Update chart with initial option\n    const chart = getInstanceByDom(chartEchartRef.current);\n    chart?.setOption(option, settings);\n    // Get option returns the current option of the chart.\n    // This is slightly different than the option we gave as an argument.\n    // Because we use useMemo in other areas we want to get this set first,\n    // this is why we are setting then getting then returning. If we did this in\n    // a useEffect it would run after the other useMemos which is not what we want.\n    // This is purely for order of operations.\n    const chartOption = chart?.getOption();\n\n    return chartOption;\n  }, [\n    dataset,\n    xAxis,\n    yAxis,\n    userOption,\n    hasCategoryXAxis,\n    hasSliderZoom,\n    series,\n    dataZoom,\n    toolboxOptions,\n    thresholdLines,\n    settings,\n  ]);\n\n  useEffect(() => {\n    // Initialize chart\n    let chart: ECharts | undefined;\n    if (chartEchartRef.current !== null) {\n      registerTheme('ndl-light', ndlEchartsTheme('light'));\n      registerTheme('ndl-dark', ndlEchartsTheme('dark'));\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (currentChart) {\n        chart = currentChart;\n      } else {\n        const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n        chart = init(chartEchartRef.current, echartsTheme, {\n          renderer: 'svg',\n        });\n      }\n    }\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', () => {\n        if (chartEchartRef.current === null) {\n          return;\n        }\n\n        const currentChart = getInstanceByDom(chartEchartRef.current);\n        if (!currentChart) {\n          return;\n        }\n\n        const option = currentChart.getOption();\n        if (!option || !option.dataZoom) {\n          return;\n        }\n\n        const dataZoom = Array.isArray(option.dataZoom)\n          ? option.dataZoom[0]\n          : option.dataZoom;\n        const { startValue, endValue } = dataZoom as {\n          startValue: number;\n          endValue: number;\n        };\n\n        callbacks?.onZoom?.({ endValue, startValue });\n      });\n    }\n\n    // Add chart resize listener\n    // ResizeObserver is leading to a bit janky UX\n    function resizeChart() {\n      // TODO: We need to revisit this. Right now using grid containLabel seems to work.\n      // We still need to visit this for overflowing of the x-axis labels.\n      // const calculateGridLeft = () => {\n      //   const textElements = chartEchartRef.current?.querySelectorAll('text');\n      //   const filteredTextElements = Array.from(textElements || []).filter(\n      //     (element) => element.getAttribute('text-anchor') === 'end',\n      //   );\n      //   let maxWidth = 0;\n      //   filteredTextElements.forEach((element) => {\n      //     const bbox = element.getBBox();\n      //     maxWidth = Math.max(maxWidth, bbox.width);\n      //   });\n      //   const tickLength = 5;\n      //   const tickPadding = 3;\n      //   return maxWidth + tickLength + tickPadding;\n      // };\n      //\n      // // Example of dynamically setting the grid's left\n      // const gridLeft = calculateGridLeft();\n      // chart?.setOption({\n      //   grid: {\n      //     left: gridLeft,\n      //   },\n      // });\n\n      // We want to fit the chart to the charts container.\n      const chartContainerHeight = chartRef.current?.clientHeight;\n      const chartContainerWidth = chartRef.current?.clientWidth;\n      // Need to take legends height into consideration, otherwise it will overflow the parent.\n      const chartLegendHeight = chartLegendRef?.current?.clientHeight || 0;\n      const height = chartContainerHeight\n        ? chartContainerHeight - chartLegendHeight\n        : undefined;\n      chart?.resize({\n        height,\n        width: chartContainerWidth,\n      });\n    }\n    window.addEventListener('resize', resizeChart);\n    requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    // Add chart zoom listeners\n    const handleMouseMove = () => {\n      // I do not like this at all: https://github.com/apache/echarts/issues/19819\n      // echarts updates the svgs on every mouse movement so we need to do this.\n      chart?.getZr().setCursorStyle('default');\n    };\n    // We cannot use chart.getZr().on('mousemove', handleMouseMove)\n    // This is because it doesn't respect our callbacks. It will\n    // always run echarts code last instead of our callback.\n    const chartChild = chartEchartRef.current?.children[0] as HTMLElement;\n    if (!isChartZoomDisabled) {\n      chartChild.addEventListener('mousemove', handleMouseMove);\n    }\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        // Reset zooming.\n        if (chart === undefined) {\n          return;\n        }\n        chart?.dispatchAction({\n          end: 100,\n          start: 0,\n          type: 'dataZoom',\n        });\n        if (callbacks?.onZoom) {\n          callbacks?.onZoom?.({ endValue: 100, startValue: 0 });\n        }\n      }\n    };\n    if (!isChartZoomDisabled) {\n      chart?.getZr().on('mousedown', handleMouseDown);\n    }\n\n    // Return cleanup function\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      window.removeEventListener('resize', resizeChart);\n\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      // Remove chart zoom handlers\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n\n    if (isLoading === true || isWaitingForFirstResize) {\n      chart?.showLoading({\n        color: tokens.theme[theme].color.primary.bg.status,\n        fontFamily: tokens.typography['label'].fontFamily,\n        fontSize: tokens.typography['label'].fontSize,\n        fontWeight: tokens.typography['label'].fontWeight,\n        maskColor: `rgb( from ${tokens.theme[theme].color.neutral.text.inverse} r g b / 0.8)`,\n        text: 'Loading',\n        textColor: tokens.theme[theme].color.neutral.text.default,\n      });\n    } else {\n      chart?.hideLoading();\n    }\n  }, [isLoading, isWaitingForFirstResize, theme]);\n\n  const legendSeries = useMemo(() => {\n    if (chartEchartRef.current === null || isWaitingForFirstResize) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n    const optionSeries = (initialOption?.series as NeedleSeries) ?? [];\n    const optionDataset = initialOption?.dataset;\n\n    const legendSeries: {\n      name: string;\n      color: string;\n    }[] = [];\n    if (Array.isArray(optionSeries)) {\n      optionSeries.forEach((currentSeries, index) => {\n        if (currentSeries === null) {\n          return;\n        } else if (\n          currentSeries.type === 'line' &&\n          typeof currentSeries.name === 'string' &&\n          currentSeries.name?.includes('thresholdLine')\n        ) {\n          return;\n        } else if (currentSeries.type === 'pie') {\n          const encodedItemName = currentSeries.encode?.itemName;\n          let currentDataset = Array.isArray(optionDataset)\n            ? optionDataset[0]\n            : optionDataset;\n          if (currentSeries.datasetId && Array.isArray(optionDataset)) {\n            currentDataset = optionDataset.find(\n              (ds) => ds.id === currentSeries.datasetId,\n            );\n          } else if (currentSeries.datasetIndex !== undefined) {\n            currentDataset = Array.isArray(optionDataset)\n              ? optionDataset[currentSeries.datasetIndex]\n              : optionDataset;\n          }\n          const firstDatasetRow = Array.isArray(currentDataset?.source)\n            ? currentDataset?.source[0]\n            : undefined;\n          if (!firstDatasetRow) {\n            return;\n          }\n\n          if (Array.isArray(firstDatasetRow)) {\n            const firstDatasetRowIndex = firstDatasetRow.findIndex(\n              (item) => item === encodedItemName,\n            );\n\n            if (firstDatasetRowIndex === -1) {\n              return;\n            }\n\n            const source = currentDataset?.source;\n            if (!source) {\n              return;\n            }\n\n            const sourceLength = Array.isArray(source) ? source.length : 0;\n            for (let rowIndex = 1; rowIndex < sourceLength; rowIndex++) {\n              const row = source[rowIndex] as (string | number)[];\n              const color = chart?.getVisual(\n                { dataIndexInside: rowIndex - 1, seriesIndex: index },\n                'color',\n              );\n              legendSeries.push({\n                color: typeof color === 'string' ? color : '#000000',\n                name: String(row[firstDatasetRowIndex]),\n              });\n            }\n          } else {\n            // TODO: handle dictionary\n          }\n\n          return;\n        } else {\n          const name = Array.isArray(optionSeries)\n            ? optionSeries[index]?.name\n            : undefined;\n\n          if (name === undefined) {\n            return null;\n          }\n\n          const color = chart?.getVisual({ seriesIndex: index }, 'color');\n          legendSeries.push({\n            color: typeof color === 'string' ? color : '#000000',\n            name: String(name),\n          });\n        }\n      });\n    }\n    return legendSeries.filter((currentSeries) => currentSeries !== null);\n  }, [isWaitingForFirstResize, initialOption]);\n\n  if (chartEchartRef.current !== null && !isChartZoomDisabled) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render.\n      // Sets the selectable zoom area over the chart (not the slider).\n      chart.dispatchAction({\n        dataZoomSelectActive: true,\n        key: 'dataZoomSelect',\n        type: 'takeGlobalCursor',\n      });\n    }\n  }\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={style}>\n      <div ref={chartEchartRef} />\n      {legend?.show && !isWaitingForFirstResize && (\n        <Legend\n          ref={chartLegendRef}\n          wrappingType={legend.wrappingType}\n          series={legendSeries ?? []}\n          chartRef={chartEchartRef}\n        />\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;AAyHA,sBAwgBC;;AAjoBD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,0CAAyC;AACzC,4CAAkD;AAClD,qCAOiB;AACjB,iCAA6D;AAC7D,6CAAkD;AASlD,iDAA8C;AAC9C,yCAA8D;AAC9D,qCAAkC;AAClC,kEAA6D;AAC7D,2DAM6B;AAC7B,mCAA+E;AAE/E,iDAAiD;AACjD,2CAA2C;AAC3C,SAAS,cAAc,CACrB,KAAa,EACb,SAAoB,EACpB,SAAiB;IAKjB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,GAAG,SAAS;aAClC,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO;gBACL,aAAa,EACX,KAAK,GAAG,SAAS;oBACf,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,KAAK,KAAK,SAAS;wBACnB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS;gBACjB,cAAc,EAAE,KAAK,IAAI,SAAS;aACnC,CAAC;QACJ,KAAK,MAAM;YACT,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,GAAG,SAAS;aAClC,CAAC;QACJ,KAAK,aAAa;YAChB,OAAO;gBACL,aAAa,EACX,KAAK,GAAG,SAAS;oBACf,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,KAAK,KAAK,SAAS;wBACnB,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,SAAS;gBACjB,cAAc,EAAE,KAAK,IAAI,SAAS;aACnC,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,aAAa,EAAE,OAAO;gBACtB,cAAc,EAAE,KAAK,KAAK,SAAS;aACpC,CAAC;QACJ,KAAK,UAAU;YACb,OAAO;gBACL,aAAa,EAAE,WAAW;gBAC1B,cAAc,EAAE,KAAK,KAAK,SAAS;aACpC,CAAC;QACJ;YACE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;IAC/D,CAAC;AACH,CAAC;AAED;;;;;;;;;EASE;AAEF,SAAgB,KAAK,CAAC,EACpB,OAAO,EACP,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,QAAQ,GAAG;IACT,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,KAAK;CACd,EACD,SAAS,EACT,mBAAmB,GAAG,KAAK,EAC3B,MAAM,EACN,SAAS,GACE;IACX,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7E,MAAM,eAAe,GAAI,UAA4B,aAA5B,UAAU,uBAAV,UAAU,CAAoB,QAAQ,CAAC;IAChE,MAAM,cAAc,GAAI,UAA4B,aAA5B,UAAU,uBAAV,UAAU,CAAoB,OAAO,CAAC;IAE9D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;QAClD,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,cAAuC,EAAE,EAAE;YAC/D,OAAO,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,MAAK,QAAQ,CAAC;QAC3C,CAAC,CAAC;QACJ,CAAC,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,MAAK,QAAQ,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IACnC,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YAC5C,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAElB,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;YAC/D,OAAO,aAAa,CAAC,IAAI,KAAK,eAAe,CAAC;QAChD,CAAC,CAAkD,CAAC;QAEpD,OAAO,mBAAmB,CAAC,GAAG,CAAC,CAAC,gCAAgC,EAAE,EAAE;;YAClE,uCACK,gCAAgC,KACnC,SAAS,EACP,MAAA,gCAAgC,CAAC,SAAS,mCAC1C,2CAAgC,CAAC,SAAS,EAC5C,KAAK,EAAE,gCAAgC,CAAC,KAAK,IAC7C;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,OAAO,IAAA,iCAAa,EAAC,eAAe,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,MAAM,GAAG,IAAA,+BAAW,EAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,8BAAU,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAA,8BAAU,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC;QAC1C,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,UAAU,CAAC;IAE/B,gEAAgE;IAChE,+DAA+D;IAC/D,wDAAwD;IACxD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,MAAM,iCACV,OAAO;YACP,KAAK;YACL,KAAK,IACF,UAAU,KACb,IAAI,kBACF,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK;iBACZ,EACD,OAAO,EAAE,IAAI,IACT,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,IAAI,kBACF,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACxC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvC,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,IAAI,IACd,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAA8B,GAEhD,MAAM,EAAE;gBACN,kCAAkC;gBAClC,IAAI,EAAE,KAAK;aACZ,EACD,MAAM,EACN,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,IAAI;gBACb,wCAAwC;gBACxC,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,YAAY,EAAE,kDAAkD;gBAChE,SAAS,EAAE,UAAU,MAAe;;oBAClC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBAC9D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;oBAElC,IAAI,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC;oBACpD,IACE,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,KAAK,QAAQ;wBACvC,UAAU,CAAC,OAAO,KAAK,IAAI;wBAC3B,gBAAgB,IAAI,UAAU,CAAC,OAAO,EACtC,CAAC;wBACD,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,cAEzB,CAAC;oBACd,CAAC;oBACD,OAAO,GAAG,IAAA,uBAAc,EACtB,kCAAM,SAAS,EAAC,0BAA0B,aACxC,uBAAC,2BAAY,CAAC,KAAK,cAChB,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,mCAAI,EAAE,GACd,EACpB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gCAC1B,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;gCAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;oCACnD,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;oCACvB,CAAC,CAAC,kBAAkB,CAAC;gCAEvB,MAAM,eAAe,GACnB,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;gCAEhD,MAAM,aAAa,GAAG,cAAc;qCACjC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;oCACpB,MAAM,EACJ,KAAK,EAAE,cAAc,EACrB,SAAS,EACT,eAAe,GAChB,GAAG,SAAS,CAAC;oCAEd,MAAM,cAAc,GAAG,eAAe;wCACpC,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,cAAc,CAAC;wCAC9C,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC;6CACnD,cAAc,CAAC;oCAEtB,OAAO,CAAC,eAAe,IAAI,cAAc,CAAC;gCAC5C,CAAC,CAAC;qCACD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oCACjB,MAAM,EACJ,gBAAgB,EAChB,KAAK,EAAE,cAAc,EACrB,SAAS,EACT,mBAAmB,EACnB,eAAe,GAChB,GAAG,SAAS,CAAC;oCAEd,OAAO;wCACL,EAAE,EAAE,aAAa,gBAAgB,EAAE;wCACnC,cAAc,EAAE,eAAe;4CAC7B,CAAC,CAAC,mBAAmB;4CACrB,CAAC,CAAC,GACE,cAAc,CACZ,WAAW,EACX,SAAS,EACT,cAAc,CACf,CAAC,aACJ,YAAY;wCAChB,gBAAgB;wCAChB,eAAe,EAAE,cAAc;qCAChC,CAAC;gCACJ,CAAC,CAAC,CAAC;gCAEL,MAAM,KAAK,GAAG,IAAA,qCAA6B,EACzC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,OAAO,CACf,CAAC;gCAEF,OAAO,CACL,uBAAC,2BAAY,CAAC,OAAO,IAEnB,cAAc,EACZ,eAAe;wCACb,CAAC,CAAC,GAAG,IAAA,6BAAqB,EACtB,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAChD,YAAY;wCACf,CAAC,CAAC,MAAM,CAAC,UAAU,EAEvB,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EACtC,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAC/B,aAAa,EAAE,aAAa,IAVvB,MAAM,CAAC,UAAU,CAWtB,CACH,CAAC;4BACJ,CAAC,CAAC,IACG,CACR,EAAE,CAAC;gBACN,CAAC;aACF,EACD,QAAQ,EACR,OAAO,EAAE,IAAA,gCAAY,EAAC,cAAc,CAAC,GACtC,CAAC;QAEF,mCAAmC;QACnC,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACvD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnC,sDAAsD;QACtD,qEAAqE;QACrE,uEAAuE;QACvE,4EAA4E;QAC5E,+EAA+E;QAC/E,0CAA0C;QAC1C,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAAC;QAEvC,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE;QACD,OAAO;QACP,KAAK;QACL,KAAK;QACL,UAAU;QACV,gBAAgB;QAChB,aAAa;QACb,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,QAAQ;KACT,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,mBAAmB;QACnB,IAAI,KAA0B,CAAC;QAC/B,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,IAAA,uBAAa,EAAC,WAAW,EAAE,IAAA,mCAAe,EAAC,OAAO,CAAC,CAAC,CAAC;YACrD,IAAA,uBAAa,EAAC,UAAU,EAAE,IAAA,mCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;YAEnD,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9D,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,GAAG,YAAY,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,MAAM,YAAY,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;gBAClE,KAAK,GAAG,IAAA,cAAI,EAAC,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE;oBACjD,QAAQ,EAAE,KAAK;iBAChB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAE,CAAC;YACtB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE;;gBACzB,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;oBACpC,OAAO;gBACT,CAAC;gBAED,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC9D,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,OAAO;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;gBACxC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;oBAChC,OAAO;gBACT,CAAC;gBAED,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;oBAC7C,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACpB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACpB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,QAGhC,CAAC;gBAEF,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0DAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,4BAA4B;QAC5B,8CAA8C;QAC9C,SAAS,WAAW;YAClB,kFAAkF;YAClF,oEAAoE;YACpE,oCAAoC;YACpC,2EAA2E;YAC3E,wEAAwE;YACxE,kEAAkE;YAClE,OAAO;YACP,sBAAsB;YACtB,gDAAgD;YAChD,sCAAsC;YACtC,iDAAiD;YACjD,QAAQ;YACR,0BAA0B;YAC1B,2BAA2B;YAC3B,gDAAgD;YAChD,KAAK;YACL,EAAE;YACF,oDAAoD;YACpD,wCAAwC;YACxC,qBAAqB;YACrB,YAAY;YACZ,sBAAsB;YACtB,OAAO;YACP,MAAM;;YAEN,oDAAoD;YACpD,MAAM,oBAAoB,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,YAAY,CAAC;YAC5D,MAAM,mBAAmB,GAAG,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,CAAC;YAC1D,yFAAyF;YACzF,MAAM,iBAAiB,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACrE,MAAM,MAAM,GAAG,oBAAoB;gBACjC,CAAC,CAAC,oBAAoB,GAAG,iBAAiB;gBAC1C,CAAC,CAAC,SAAS,CAAC;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;gBACZ,MAAM;gBACN,KAAK,EAAE,mBAAmB;aAC3B,CAAC,CAAC;QACL,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC/C,qBAAqB,CAAC,GAAG,EAAE;YACzB,WAAW,EAAE,CAAC;YACd,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,4EAA4E;YAC5E,0EAA0E;YAC1E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;QAC3C,CAAC,CAAC;QACF,+DAA+D;QAC/D,4DAA4D;QAC5D,wDAAwD;QACxD,MAAM,UAAU,GAAG,MAAA,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAgB,CAAC;QACtE,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC5D,CAAC;QAED,MAAM,eAAe,GAAG,CAAC,MAA6B,EAAE,EAAE;;YACxD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAC;YACzC,MAAM,aAAa,GAAG,mBAAmB,KAAK,CAAC,CAAC;YAChD,IAAI,aAAa,EAAE,CAAC;gBAClB,iBAAiB;gBACjB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,OAAO;gBACT,CAAC;gBACD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,CAAC;oBACpB,GAAG,EAAE,GAAG;oBACR,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAC;gBACH,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAE,CAAC;oBACtB,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0DAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;gBACxD,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QACF,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAClD,CAAC;QAED,0BAA0B;QAC1B,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,CAAC;QACtD,MAAM,OAAO,GAAG,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAElD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAE3D,6BAA6B;YAC7B,IAAI,sBAAsB,EAAE,CAAC;gBAC3B,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,sBAAsB,CAAC,CAAC;gBACvD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,CAAC;QAExD,IAAI,SAAS,KAAK,IAAI,IAAI,uBAAuB,EAAE,CAAC;YAClD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC;gBACjB,KAAK,EAAE,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM;gBAClD,UAAU,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;gBACjD,QAAQ,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ;gBAC7C,UAAU,EAAE,aAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;gBACjD,SAAS,EAAE,aAAa,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,eAAe;gBACrF,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,aAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAC1D,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAChC,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,IAAI,uBAAuB,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,CAAC;QACxD,MAAM,YAAY,GAAG,MAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAuB,mCAAI,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC;QAE7C,MAAM,YAAY,GAGZ,EAAE,CAAC;QACT,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAChC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;gBAC5C,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;oBAC3B,OAAO;gBACT,CAAC;qBAAM,IACL,aAAa,CAAC,IAAI,KAAK,MAAM;oBAC7B,OAAO,aAAa,CAAC,IAAI,KAAK,QAAQ;qBACtC,MAAA,aAAa,CAAC,IAAI,0CAAE,QAAQ,CAAC,eAAe,CAAC,CAAA,EAC7C,CAAC;oBACD,OAAO;gBACT,CAAC;qBAAM,IAAI,aAAa,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oBACxC,MAAM,eAAe,GAAG,MAAA,aAAa,CAAC,MAAM,0CAAE,QAAQ,CAAC;oBACvD,IAAI,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;wBAC/C,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;wBAClB,CAAC,CAAC,aAAa,CAAC;oBAClB,IAAI,aAAa,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;wBAC5D,cAAc,GAAG,aAAa,CAAC,IAAI,CACjC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,aAAa,CAAC,SAAS,CAC1C,CAAC;oBACJ,CAAC;yBAAM,IAAI,aAAa,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;wBACpD,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;4BAC3C,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC;4BAC3C,CAAC,CAAC,aAAa,CAAC;oBACpB,CAAC;oBACD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC;wBAC3D,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC,CAAC,CAAC;wBAC3B,CAAC,CAAC,SAAS,CAAC;oBACd,IAAI,CAAC,eAAe,EAAE,CAAC;wBACrB,OAAO;oBACT,CAAC;oBAED,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;wBACnC,MAAM,oBAAoB,GAAG,eAAe,CAAC,SAAS,CACpD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,CACnC,CAAC;wBAEF,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE,CAAC;4BAChC,OAAO;wBACT,CAAC;wBAED,MAAM,MAAM,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC;wBACtC,IAAI,CAAC,MAAM,EAAE,CAAC;4BACZ,OAAO;wBACT,CAAC;wBAED,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/D,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC;4BAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAwB,CAAC;4BACpD,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAC5B,EAAE,eAAe,EAAE,QAAQ,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EACrD,OAAO,CACR,CAAC;4BACF,YAAY,CAAC,IAAI,CAAC;gCAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gCACpD,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;6BACxC,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,0BAA0B;oBAC5B,CAAC;oBAED,OAAO;gBACT,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;wBACtC,CAAC,CAAC,MAAA,YAAY,CAAC,KAAK,CAAC,0CAAE,IAAI;wBAC3B,CAAC,CAAC,SAAS,CAAC;oBAEd,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;wBACvB,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;oBAChE,YAAY,CAAC,IAAI,CAAC;wBAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;wBACpD,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;qBACnB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7C,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,KAAK,EAAE,CAAC;YACV,yCAAyC;YACzC,iEAAiE;YACjE,KAAK,CAAC,cAAc,CAAC;gBACnB,oBAAoB,EAAE,IAAI;gBAC1B,GAAG,EAAE,gBAAgB;gBACrB,IAAI,EAAE,kBAAkB;aACzB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,CACL,iCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,aACpD,gCAAK,GAAG,EAAE,cAAc,GAAI,EAC3B,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,uBAAuB,IAAI,CAC3C,uBAAC,eAAM,IACL,GAAG,EAAE,cAAc,EACnB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,QAAQ,EAAE,cAAc,GACxB,CACH,IACG,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 { tokens } from '@neo4j-ndl/base';\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  type DataZoomComponentOption,\n  type ECharts,\n  type EChartsOption,\n  getInstanceByDom,\n  init,\n  registerTheme,\n} from 'echarts';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\n\nimport {\n  type ChartProps,\n  type Condition,\n  type NeedleSeries,\n  type NotificationType,\n  type ThresholdLineSeriesOption,\n} from './chart-types';\nimport { ChartTooltip } from './ChartTooltip';\nimport { defaultThresholdLineSeriesOption } from './defaults';\nimport { Legend } from './Legend';\nimport { ndlEchartsTheme } from './themes/ndl-echarts-theme';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeToolbox,\n  mergeXAxis,\n  mergeYAxis,\n} from './user-option-utils';\nimport { capitalizeFirstLetter, extractValueFromTooltipSeries } from './utils';\n\n// This returns a boolean if the condition is met\n// and also what to display in the tooltip.\nfunction checkCondition(\n  value: number,\n  condition: Condition,\n  threshold: number,\n): {\n  isConditionMet: boolean;\n  conditionText: string | undefined;\n} {\n  switch (condition) {\n    case 'greater':\n      return {\n        conditionText: 'Above',\n        isConditionMet: value > threshold,\n      };\n    case 'greaterOrEqual':\n      return {\n        conditionText:\n          value > threshold\n            ? 'Above'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value >= threshold,\n      };\n    case 'less':\n      return {\n        conditionText: 'Below',\n        isConditionMet: value < threshold,\n      };\n    case 'lessOrEqual':\n      return {\n        conditionText:\n          value < threshold\n            ? 'Below'\n            : value === threshold\n              ? 'Equal'\n              : undefined,\n        isConditionMet: value <= threshold,\n      };\n    case 'equal':\n      return {\n        conditionText: 'Equal',\n        isConditionMet: value === threshold,\n      };\n    case 'notEqual':\n      return {\n        conditionText: 'Not equal',\n        isConditionMet: value !== threshold,\n      };\n    default:\n      return { conditionText: undefined, isConditionMet: false };\n  }\n}\n\n/*\nKeep this, if we want more than one type of the same threshold line\nthis will be useful to use.\n\nexport interface NewRegisteredSeriesOption extends RegisteredSeriesOption {\nthresholdLine: ThresholdLineSeriesOption;\n}\nexport type SeriesOption = Values<NewRegisteredSeriesOption>;\nexport type Series = SeriesOption | SeriesOption[];\n*/\n\nexport function Chart({\n  dataset,\n  option: userOption,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n  series: propsSeries,\n  style,\n  settings = {\n    lazyUpdate: false,\n    notMerge: true,\n    silent: false,\n  },\n  isLoading,\n  isChartZoomDisabled = false,\n  legend,\n  callbacks,\n}: ChartProps): React.JSX.Element {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const chartLegendRef = useRef<HTMLDivElement>(null);\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n\n  const hasSliderZoom = Array.isArray(dataZoomOptions)\n    ? dataZoomOptions.some((dataZoomOption: DataZoomComponentOption) => {\n        return dataZoomOption?.type === 'slider';\n      })\n    : dataZoomOptions?.type === 'slider';\n\n  const { theme } = useNeedleTheme();\n  const thresholdLines = useMemo(() => {\n    const seriesArray = Array.isArray(propsSeries)\n      ? propsSeries\n      : [propsSeries];\n\n    const thresholdLineSeries = seriesArray.filter((currentSeries) => {\n      return currentSeries.type === 'thresholdLine';\n    }) as ThresholdLineSeriesOption<NotificationType>[];\n\n    return thresholdLineSeries.map((currentThresholdLineSeriesOption) => {\n      return {\n        ...currentThresholdLineSeriesOption,\n        condition:\n          currentThresholdLineSeriesOption.condition ??\n          defaultThresholdLineSeriesOption.condition,\n        value: currentThresholdLineSeriesOption.yAxis,\n      };\n    });\n  }, [propsSeries]);\n\n  const dataZoom = useMemo(() => {\n    return mergeDataZoom(dataZoomOptions);\n  }, [dataZoomOptions]);\n\n  const series = mergeSeries(propsSeries, theme, userOption);\n  const xAxis = mergeXAxis(propXAxis, theme);\n  const yAxis = mergeYAxis(propYAxis, theme);\n\n  const hasCategoryXAxis = Array.isArray(xAxis)\n    ? xAxis.some((x) => x.type === 'category')\n    : xAxis?.type === 'category';\n\n  // The initial option used, the charts option is not necessarily\n  // the same as this due to mutation via dispatch and setOption.\n  // use getOption to get the current option of the chart.\n  const initialOption = useMemo(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const option = {\n      dataset,\n      xAxis,\n      yAxis,\n      ...userOption,\n      aria: {\n        decal: {\n          show: false,\n        },\n        enabled: true,\n        ...(userOption?.aria as EChartsOption['aria']),\n      },\n      grid: {\n        left: hasCategoryXAxis ? '15px' : '10px',\n        right: hasCategoryXAxis ? '15px' : '10px',\n        top: '10px',\n        bottom: hasSliderZoom ? '60px' : '10px',\n        type: 'solid',\n        containLabel: true,\n        ...(userOption?.grid as EChartsOption['grid']),\n      },\n      legend: {\n        // Removes in-built echarts legend\n        show: false,\n      },\n      series,\n      tooltip: {\n        trigger: 'axis',\n        confine: true,\n        // Reset the default tooltip css styling\n        padding: 0,\n        borderRadius: 0,\n        borderWidth: 0,\n        extraCssText: 'box-shadow: none; background-color: transparent;',\n        formatter: function (params: unknown) {\n          const paramsArray = Array.isArray(params) ? params : [params];\n          const firstParam = paramsArray[0];\n\n          let valueFormatter = (value: unknown) => `${value}`;\n          if (\n            typeof userOption?.tooltip === 'object' &&\n            userOption.tooltip !== null &&\n            'valueFormatter' in userOption.tooltip\n          ) {\n            valueFormatter = userOption.tooltip.valueFormatter as (\n              value: unknown,\n            ) => string;\n          }\n          return `${renderToString(\n            <span className=\"ndl-charts-chart-tooltip\">\n              <ChartTooltip.Title>\n                {firstParam?.axisValueLabel ?? ''}\n              </ChartTooltip.Title>\n              {paramsArray.map((series) => {\n                const { value: seriesValueUnknown } = series;\n\n                const seriesValue = Array.isArray(seriesValueUnknown)\n                  ? seriesValueUnknown[1]\n                  : seriesValueUnknown;\n\n                const isThresholdLine =\n                  series.seriesName.startsWith('thresholdLine');\n\n                const notifications = thresholdLines\n                  .filter((threshold) => {\n                    const {\n                      value: thresholdValue,\n                      condition,\n                      customCondition,\n                    } = threshold;\n\n                    const isConditionMet = customCondition\n                      ? customCondition(seriesValue, thresholdValue)\n                      : checkCondition(seriesValue, condition, thresholdValue)\n                          .isConditionMet;\n\n                    return !isThresholdLine && isConditionMet;\n                  })\n                  .map((threshold) => {\n                    const {\n                      notificationType,\n                      value: thresholdValue,\n                      condition,\n                      customConditionText,\n                      customCondition,\n                    } = threshold;\n\n                    return {\n                      id: `threshold-${notificationType}`,\n                      leadingElement: customCondition\n                        ? customConditionText\n                        : `${\n                            checkCondition(\n                              seriesValue,\n                              condition,\n                              thresholdValue,\n                            ).conditionText\n                          } threshold`,\n                      notificationType,\n                      trailingElement: thresholdValue,\n                    };\n                  });\n\n                const value = extractValueFromTooltipSeries(\n                  series.value,\n                  series.encode,\n                  series.axisDim,\n                );\n\n                return (\n                  <ChartTooltip.Content\n                    key={series.seriesName}\n                    leadingElement={\n                      isThresholdLine\n                        ? `${capitalizeFirstLetter(\n                            series.seriesName.replace('thresholdLine-', ''),\n                          )} threshold`\n                        : series.seriesName\n                    }\n                    trailingElement={valueFormatter(value)}\n                    indentSquareColor={series.color}\n                    notifications={notifications}\n                  />\n                );\n              })}\n            </span>,\n          )}`;\n        },\n      },\n      dataZoom,\n      toolbox: mergeToolbox(toolboxOptions),\n    };\n\n    // Update chart with initial option\n    const chart = getInstanceByDom(chartEchartRef.current);\n    chart?.setOption(option, settings);\n    // Get option returns the current option of the chart.\n    // This is slightly different than the option we gave as an argument.\n    // Because we use useMemo in other areas we want to get this set first,\n    // this is why we are setting then getting then returning. If we did this in\n    // a useEffect it would run after the other useMemos which is not what we want.\n    // This is purely for order of operations.\n    const chartOption = chart?.getOption();\n\n    return chartOption;\n  }, [\n    dataset,\n    xAxis,\n    yAxis,\n    userOption,\n    hasCategoryXAxis,\n    hasSliderZoom,\n    series,\n    dataZoom,\n    toolboxOptions,\n    thresholdLines,\n    settings,\n  ]);\n\n  useEffect(() => {\n    // Initialize chart\n    let chart: ECharts | undefined;\n    if (chartEchartRef.current !== null) {\n      registerTheme('ndl-light', ndlEchartsTheme('light'));\n      registerTheme('ndl-dark', ndlEchartsTheme('dark'));\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (currentChart) {\n        chart = currentChart;\n      } else {\n        const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n        chart = init(chartEchartRef.current, echartsTheme, {\n          renderer: 'svg',\n        });\n      }\n    }\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', () => {\n        if (chartEchartRef.current === null) {\n          return;\n        }\n\n        const currentChart = getInstanceByDom(chartEchartRef.current);\n        if (!currentChart) {\n          return;\n        }\n\n        const option = currentChart.getOption();\n        if (!option || !option.dataZoom) {\n          return;\n        }\n\n        const dataZoom = Array.isArray(option.dataZoom)\n          ? option.dataZoom[0]\n          : option.dataZoom;\n        const { startValue, endValue } = dataZoom as {\n          startValue: number;\n          endValue: number;\n        };\n\n        callbacks?.onZoom?.({ endValue, startValue });\n      });\n    }\n\n    // Add chart resize listener\n    // ResizeObserver is leading to a bit janky UX\n    function resizeChart() {\n      // TODO: We need to revisit this. Right now using grid containLabel seems to work.\n      // We still need to visit this for overflowing of the x-axis labels.\n      // const calculateGridLeft = () => {\n      //   const textElements = chartEchartRef.current?.querySelectorAll('text');\n      //   const filteredTextElements = Array.from(textElements || []).filter(\n      //     (element) => element.getAttribute('text-anchor') === 'end',\n      //   );\n      //   let maxWidth = 0;\n      //   filteredTextElements.forEach((element) => {\n      //     const bbox = element.getBBox();\n      //     maxWidth = Math.max(maxWidth, bbox.width);\n      //   });\n      //   const tickLength = 5;\n      //   const tickPadding = 3;\n      //   return maxWidth + tickLength + tickPadding;\n      // };\n      //\n      // // Example of dynamically setting the grid's left\n      // const gridLeft = calculateGridLeft();\n      // chart?.setOption({\n      //   grid: {\n      //     left: gridLeft,\n      //   },\n      // });\n\n      // We want to fit the chart to the charts container.\n      const chartContainerHeight = chartRef.current?.clientHeight;\n      const chartContainerWidth = chartRef.current?.clientWidth;\n      // Need to take legends height into consideration, otherwise it will overflow the parent.\n      const chartLegendHeight = chartLegendRef?.current?.clientHeight || 0;\n      const height = chartContainerHeight\n        ? chartContainerHeight - chartLegendHeight\n        : undefined;\n      chart?.resize({\n        height,\n        width: chartContainerWidth,\n      });\n    }\n    window.addEventListener('resize', resizeChart);\n    requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    // Add chart zoom listeners\n    const handleMouseMove = () => {\n      // I do not like this at all: https://github.com/apache/echarts/issues/19819\n      // echarts updates the svgs on every mouse movement so we need to do this.\n      chart?.getZr().setCursorStyle('default');\n    };\n    // We cannot use chart.getZr().on('mousemove', handleMouseMove)\n    // This is because it doesn't respect our callbacks. It will\n    // always run echarts code last instead of our callback.\n    const chartChild = chartEchartRef.current?.children[0] as HTMLElement;\n    if (!isChartZoomDisabled) {\n      chartChild.addEventListener('mousemove', handleMouseMove);\n    }\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        // Reset zooming.\n        if (chart === undefined) {\n          return;\n        }\n        chart?.dispatchAction({\n          end: 100,\n          start: 0,\n          type: 'dataZoom',\n        });\n        if (callbacks?.onZoom) {\n          callbacks?.onZoom?.({ endValue: 100, startValue: 0 });\n        }\n      }\n    };\n    if (!isChartZoomDisabled) {\n      chart?.getZr().on('mousedown', handleMouseDown);\n    }\n\n    // Return cleanup function\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      window.removeEventListener('resize', resizeChart);\n\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      // Remove chart zoom handlers\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n\n    if (isLoading === true || isWaitingForFirstResize) {\n      chart?.showLoading({\n        color: tokens.theme[theme].color.primary.bg.status,\n        fontFamily: tokens.typography['label'].fontFamily,\n        fontSize: tokens.typography['label'].fontSize,\n        fontWeight: tokens.typography['label'].fontWeight,\n        maskColor: `rgb( from ${tokens.theme[theme].color.neutral.text.inverse} r g b / 0.8)`,\n        text: 'Loading',\n        textColor: tokens.theme[theme].color.neutral.text.default,\n      });\n    } else {\n      chart?.hideLoading();\n    }\n  }, [isLoading, isWaitingForFirstResize, theme]);\n\n  const legendSeries = useMemo(() => {\n    if (chartEchartRef.current === null || isWaitingForFirstResize) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef?.current);\n    const optionSeries = (initialOption?.series as NeedleSeries) ?? [];\n    const optionDataset = initialOption?.dataset;\n\n    const legendSeries: {\n      name: string;\n      color: string;\n    }[] = [];\n    if (Array.isArray(optionSeries)) {\n      optionSeries.forEach((currentSeries, index) => {\n        if (currentSeries === null) {\n          return;\n        } else if (\n          currentSeries.type === 'line' &&\n          typeof currentSeries.name === 'string' &&\n          currentSeries.name?.includes('thresholdLine')\n        ) {\n          return;\n        } else if (currentSeries.type === 'pie') {\n          const encodedItemName = currentSeries.encode?.itemName;\n          let currentDataset = Array.isArray(optionDataset)\n            ? optionDataset[0]\n            : optionDataset;\n          if (currentSeries.datasetId && Array.isArray(optionDataset)) {\n            currentDataset = optionDataset.find(\n              (ds) => ds.id === currentSeries.datasetId,\n            );\n          } else if (currentSeries.datasetIndex !== undefined) {\n            currentDataset = Array.isArray(optionDataset)\n              ? optionDataset[currentSeries.datasetIndex]\n              : optionDataset;\n          }\n          const firstDatasetRow = Array.isArray(currentDataset?.source)\n            ? currentDataset?.source[0]\n            : undefined;\n          if (!firstDatasetRow) {\n            return;\n          }\n\n          if (Array.isArray(firstDatasetRow)) {\n            const firstDatasetRowIndex = firstDatasetRow.findIndex(\n              (item) => item === encodedItemName,\n            );\n\n            if (firstDatasetRowIndex === -1) {\n              return;\n            }\n\n            const source = currentDataset?.source;\n            if (!source) {\n              return;\n            }\n\n            const sourceLength = Array.isArray(source) ? source.length : 0;\n            for (let rowIndex = 1; rowIndex < sourceLength; rowIndex++) {\n              const row = source[rowIndex] as (string | number)[];\n              const color = chart?.getVisual(\n                { dataIndexInside: rowIndex - 1, seriesIndex: index },\n                'color',\n              );\n              legendSeries.push({\n                color: typeof color === 'string' ? color : '#000000',\n                name: String(row[firstDatasetRowIndex]),\n              });\n            }\n          } else {\n            // TODO: handle dictionary\n          }\n\n          return;\n        } else {\n          const name = Array.isArray(optionSeries)\n            ? optionSeries[index]?.name\n            : undefined;\n\n          if (name === undefined) {\n            return null;\n          }\n\n          const color = chart?.getVisual({ seriesIndex: index }, 'color');\n          legendSeries.push({\n            color: typeof color === 'string' ? color : '#000000',\n            name: String(name),\n          });\n        }\n      });\n    }\n    return legendSeries.filter((currentSeries) => currentSeries !== null);\n  }, [isWaitingForFirstResize, initialOption]);\n\n  if (chartEchartRef.current !== null && !isChartZoomDisabled) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render.\n      // Sets the selectable zoom area over the chart (not the slider).\n      chart.dispatchAction({\n        dataZoomSelectActive: true,\n        key: 'dataZoomSelect',\n        type: 'takeGlobalCursor',\n      });\n    }\n  }\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={style}>\n      <div ref={chartEchartRef} />\n      {legend?.show && !isWaitingForFirstResize && (\n        <Legend\n          ref={chartLegendRef}\n          wrappingType={legend.wrappingType}\n          series={legendSeries ?? []}\n          chartRef={chartEchartRef}\n        />\n      )}\n    </div>\n  );\n}\n"]}

package/lib/cjs/charts/ChartTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/charts/ChartTooltip.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 */\nimport {\n  Popover,\n  StatusIndicator,\n  TextLink,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport type React from 'react';\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 const ChartTooltipComponent = function ChartTooltipComponent({\n  children,\n  isOpen,\n  style,\n  anchorPosition,\n  ref,\n}: ChartTooltipProps) {\n  return (\n    <Popover\n      isOpen={isOpen}\n      anchorPosition={anchorPosition}\n      placement=\"middle-end-middle-start\"\n    >\n      <Popover.Content ref={ref} style={style}>\n        {children}\n      </Popover.Content>\n    </Popover>\n  );\n};\n\ntype ChartTooltipTitleProps = {\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLSpanElement>;\n};\n\nconst ChartTooltipTitle = function ChartTooltipTitle({\n  children,\n  ref,\n}: ChartTooltipTitleProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-title`);\n\n  return (\n    <Typography ref={ref} variant=\"body-small\" className={classes}>\n      {children}\n    </Typography>\n  );\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\nconst ChartTooltipContent = function ChartTooltipContent({\n  leadingElement,\n  trailingElement,\n  indentSquareColor,\n  notifications,\n  ref,\n}: ChartTooltipContentProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-content`);\n\n  return (\n    <div ref={ref} className={classes}>\n      <div className=\"ndl-charts-chart-tooltip-content-line\">\n        {indentSquareColor && (\n          <div\n            className=\"ndl-charts-chart-tooltip-content-indent-square\"\n            style={{ backgroundColor: indentSquareColor }}\n          />\n        )}\n        {leadingElement && (\n          <Typography\n            variant={trailingElement ? 'body-medium' : 'label'}\n            className=\"ndl-charts-chart-tooltip-content-left-element\"\n          >\n            {leadingElement}\n          </Typography>\n        )}\n        {trailingElement && (\n          <Typography\n            variant=\"label\"\n            className=\"ndl-charts-chart-tooltip-content-trailing-element\"\n          >\n            {trailingElement}\n          </Typography>\n        )}\n      </div>\n\n      {notifications &&\n        notifications.map((notification) => {\n          const { id, notificationType, leadingElement, trailingElement } =\n            notification;\n\n          return (\n            <div\n              key={`notification-${id}`}\n              className={`ndl-charts-chart-tooltip-content-notification ndl-notification-${notificationType}`}\n            >\n              <StatusIndicator variant={notificationType} />\n              <Typography\n                variant=\"body-medium\"\n                className=\"ndl-charts-chart-tooltip-content-notification-left-element\"\n              >\n                {leadingElement}\n              </Typography>\n              <Typography\n                variant=\"label\"\n                className=\"ndl-charts-chart-tooltip-content-notification-trailing-element\"\n              >\n                {trailingElement}\n              </Typography>\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nconst ChartTooltipLink = function ChartTooltipAction({\n  ref,\n  ...restProps\n}: React.ComponentProps<typeof TextLink>) {\n  return <TextLink ref={ref} {...restProps} />;\n};\n\nconst ChartTooltip = Object.assign(ChartTooltipComponent, {\n  Content: ChartTooltipContent,\n  Link: ChartTooltipLink,\n  Title: ChartTooltipTitle,\n});\n\nexport { ChartTooltip };\n"]}
+{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/charts/ChartTooltip.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 */\nimport {\n  Popover,\n  StatusIndicator,\n  TextLink,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type ChartTooltipContentProps,\n  type ChartTooltipProps,\n} from './chart-types';\n\nexport const ChartTooltipComponent = function ChartTooltipComponent({\n  children,\n  isOpen,\n  style,\n  anchorPosition,\n  ref,\n}: ChartTooltipProps) {\n  return (\n    <Popover\n      isOpen={isOpen}\n      anchorPosition={anchorPosition}\n      placement=\"middle-end-middle-start\"\n    >\n      <Popover.Content ref={ref} style={style}>\n        {children}\n      </Popover.Content>\n    </Popover>\n  );\n};\n\ntype ChartTooltipTitleProps = {\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLSpanElement>;\n};\n\nconst ChartTooltipTitle = function ChartTooltipTitle({\n  children,\n  ref,\n}: ChartTooltipTitleProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-title`);\n\n  return (\n    <Typography ref={ref} variant=\"body-small\" className={classes}>\n      {children}\n    </Typography>\n  );\n};\n\nconst ChartTooltipContent = function ChartTooltipContent({\n  leadingElement,\n  trailingElement,\n  indentSquareColor,\n  notifications,\n  ref,\n}: ChartTooltipContentProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-content`);\n\n  return (\n    <div ref={ref} className={classes}>\n      <div className=\"ndl-charts-chart-tooltip-content-line\">\n        {indentSquareColor && (\n          <div\n            className=\"ndl-charts-chart-tooltip-content-indent-square\"\n            style={{ backgroundColor: indentSquareColor }}\n          />\n        )}\n        {leadingElement && (\n          <Typography\n            variant={trailingElement ? 'body-medium' : 'label'}\n            className=\"ndl-charts-chart-tooltip-content-left-element\"\n          >\n            {leadingElement}\n          </Typography>\n        )}\n        {trailingElement && (\n          <Typography\n            variant=\"label\"\n            className=\"ndl-charts-chart-tooltip-content-trailing-element\"\n          >\n            {trailingElement}\n          </Typography>\n        )}\n      </div>\n\n      {notifications &&\n        notifications.map((notification) => {\n          const { id, notificationType, leadingElement, trailingElement } =\n            notification;\n\n          return (\n            <div\n              key={`notification-${id}`}\n              className={`ndl-charts-chart-tooltip-content-notification ndl-notification-${notificationType}`}\n            >\n              <StatusIndicator variant={notificationType} />\n              <Typography\n                variant=\"body-medium\"\n                className=\"ndl-charts-chart-tooltip-content-notification-left-element\"\n              >\n                {leadingElement}\n              </Typography>\n              <Typography\n                variant=\"label\"\n                className=\"ndl-charts-chart-tooltip-content-notification-trailing-element\"\n              >\n                {trailingElement}\n              </Typography>\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nconst ChartTooltipLink = function ChartTooltipAction({\n  ref,\n  ...restProps\n}: React.ComponentProps<typeof TextLink>) {\n  return <TextLink ref={ref} {...restProps} />;\n};\n\nconst ChartTooltip = Object.assign(ChartTooltipComponent, {\n  Content: ChartTooltipContent,\n  Link: ChartTooltipLink,\n  Title: ChartTooltipTitle,\n});\n\nexport { ChartTooltip };\n"]}

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

@@ -1 +1 @@
-{"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  getComputedElementWidth,\n  highlightOrDownplaySeries,\n  isThresholdLine,\n  resetAllSeriesHighlight,\n  useLegendVisibility,\n} from './legend-utils';\nimport { type CommonProps } from './types';\n\ninterface 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\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 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 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\ninterface 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\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  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"]}

package/lib/cjs/charts/chart-types.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=chart-types.js.map

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

@@ -0,0 +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"]}

package/lib/cjs/charts/defaults.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultThresholdLineSeriesOption = void 0;
+const defaultThresholdLineSeriesOption = {
+    condition: 'greater',
+};
+exports.defaultThresholdLineSeriesOption = defaultThresholdLineSeriesOption;
+//# sourceMappingURL=defaults.js.map

package/lib/cjs/charts/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/charts/defaults.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,MAAM,gCAAgC,GAElC;IACF,SAAS,EAAE,SAAS;CACrB,CAAC;AAEO,4EAAgC","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 type { Condition } from './chart-types';\n\nconst defaultThresholdLineSeriesOption: {\n  condition: Condition;\n} = {\n  condition: 'greater',\n};\n\nexport { defaultThresholdLineSeriesOption };\n"]}

package/lib/cjs/charts/index.js

@@ -34,5 +34,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultThresholdLineSeriesOption = void 0;
 __exportStar(require("./Chart"), exports);
+// Export utils and types that were previously exported from Chart.tsx. Not sure that they are needed, but keeping them to not be breaking.
+var defaults_1 = require("./defaults");
+Object.defineProperty(exports, "defaultThresholdLineSeriesOption", { enumerable: true, get: function () { return defaults_1.defaultThresholdLineSeriesOption; } });
 //# sourceMappingURL=index.js.map

package/lib/cjs/charts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,0CAAwB","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\nexport * from './Chart';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;AAEH,0CAAwB;AACxB,2IAA2I;AAC3I,uCAA8D;AAArD,4HAAA,gCAAgC,OAAA","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\nexport * from './Chart';\n// Export utils and types that were previously exported from Chart.tsx. Not sure that they are needed, but keeping them to not be breaking.\nexport { defaultThresholdLineSeriesOption } from './defaults';\nexport {\n  type ThresholdLineSeriesOption,\n  type Values,\n  type SeriesOption,\n  type EchartsSeries,\n  type NeedleSeries,\n} from './chart-types';\n"]}

package/lib/cjs/charts/user-option-utils.js

@@ -24,8 +24,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const base_1 = require("@neo4j-ndl/base");
 const server_1 = require("react-dom/server");
-const Chart_1 = require("./Chart");
 const ChartTooltip_1 = require("./ChartTooltip");
+const defaults_1 = require("./defaults");
 const colors = Object.values(base_1.tokens.categorical);
 const mergeSeries = (series, theme = 'light', userOption) => {
     return series.map((option, index = 0) => {
@@ -41,7 +41,7 @@ const mergeSeries = (series, theme = 'light', userOption) => {
             // Needed to differentiate between normal lines and threshold lines
             // as we are unable to inject custom properties into echarts series lines.
             const thresholdLineName = `thresholdLine-${notificationType}`;
-            return Object.assign(Object.assign({ symbolSize: 9, symbol: 'none', condition: Chart_1.defaultThresholdLineSeriesOption.condition }, option), { lineStyle: Object.assign({ width: 2, type: 'dashed' }, option.lineStyle), name: thresholdLineName, type: 'line', data: [
+            return Object.assign(Object.assign({ symbolSize: 9, symbol: 'none', condition: defaults_1.defaultThresholdLineSeriesOption.condition }, option), { lineStyle: Object.assign({ width: 2, type: 'dashed' }, option.lineStyle), name: thresholdLineName, type: 'line', data: [
                     [option.xAxis[0], option.yAxis],
                     [option.xAxis[1], option.yAxis],
                 ] });