npm - @orbe-agro/client-core - Versions diffs - 5.6.4 → 5.6.7 - Mend

@orbe-agro/client-core 5.6.4 → 5.6.7

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

Files changed (42) hide show

package/dist/@ecme/configs/chart.config.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { COLORS } from "../constants/chart.constant.js";
+const formatTooltipValue = (val) => `${val ?? ""}`;
 const apexLineChartDefaultOption = {
   chart: {
     zoom: {
@@ -22,7 +23,8 @@ const apexLineChartDefaultOption = {
       vertical: 10
     },
     tooltipHoverFormatter: function(val, opts) {
-      return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
+      const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
+      return `${val} - ${pointValue ?? ""}`;
     }
   },
   xaxis: {
@@ -73,7 +75,8 @@ const apexBarChartDefaultOption = {
       vertical: 10
     },
     tooltipHoverFormatter: function(val, opts) {
-      return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
+      const pointValue = opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex];
+      return `${val} - ${pointValue ?? ""}`;
     }
   },
   xaxis: {
@@ -84,7 +87,7 @@ const apexBarChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -121,7 +124,7 @@ const apexColumnChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -155,7 +158,7 @@ const apexMixedChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -166,7 +169,7 @@ const apexPieChartDefaultOption = {
   },
   tooltip: {
     y: {
-      formatter: (val) => `${val}`
+      formatter: (val) => formatTooltipValue(val)
     }
   }
 };
@@ -182,12 +185,11 @@ const apexDonutChartDefaultOption = {
             showAlways: true,
             label: "",
             formatter: function(w) {
-              return w.globals.seriesTotals.reduce(
-                (a, b) => {
-                  return a + b;
-                },
+              const total = w.globals.seriesTotals.reduce(
+                (acc, value) => acc + value,
                 0
               );
+              return `${total}`;
             }
           }
         },

package/dist/@ecme/configs/chart.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\nimport type { ApexOptions } from 'apexcharts'\n\nexport const apexLineChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: 2.5,\n curve: 'smooth',\n lineCap: 'round',\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n ''\n )\n },\n },\n xaxis: {\n categories: [],\n },\n}\n\nexport const apexAreaChartDefaultOption = {\n ...apexLineChartDefaultOption,\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.3,\n opacityTo: 0.6,\n stops: [0, 70, 100],\n },\n },\n}\n\nexport const apexBarChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '35px',\n borderRadius: 4,\n borderRadiusApplication: 'end',\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 1,\n curve: 'smooth',\n colors: ['transparent'],\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] +\n ''\n )\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n }, },\n}\n\nexport const apexColumnChartDefaultOption: ApexOptions = {\n chart: {\n type: 'bar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexMixedChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [0, 4],\n curve: 'smooth',\n },\n plotOptions: {\n bar: {\n columnWidth: '50%',\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexPieChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n stroke: {\n width: 0,\n },\n tooltip: {\n y: {\n formatter: (val) => `${val}`,\n },\n },\n}\n\nexport const apexDonutChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n plotOptions: {\n pie: {\n donut: {\n labels: {\n show: true,\n total: {\n show: true,\n showAlways: true,\n label: '',\n formatter: function (w) {\n return w.globals.seriesTotals.reduce(\n (a: string, b: string) => {\n return a + b\n },\n 0,\n )\n },\n },\n },\n size: '85%',\n },\n },\n },\n stroke: {\n colors: ['transparent'],\n },\n labels: [],\n dataLabels: {\n enabled: false,\n },\n legend: {\n show: false,\n },\n}\n\nexport const apexSparklineChartDefultOption: ApexOptions = {\n chart: {\n type: 'line',\n sparkline: {\n enabled: true,\n },\n },\n stroke: {\n width: 2,\n curve: 'smooth',\n },\n tooltip: {\n fixed: {\n enabled: false,\n },\n x: {\n show: false,\n },\n y: {\n title: {\n formatter: function () {\n return ''\n },\n },\n },\n marker: {\n show: false,\n },\n },\n}\n\nexport const apexRadarChartDefultOption: ApexOptions = {\n chart: {\n type: 'radar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n}\n\nconst chartConfig = {\n apexLineChartDefaultOption,\n apexAreaChartDefaultOption,\n apexBarChartDefaultOption,\n apexColumnChartDefaultOption,\n apexMixedChartDefaultOption,\n apexPieChartDefaultOption,\n apexDonutChartDefaultOption,\n apexSparklineChartDefultOption,\n apexRadarChartDefultOption,\n}\n\nexport default chartConfig\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"chart.config.js","sources":["../../../lib/@ecme/configs/chart.config.ts"],"sourcesContent":["import { COLORS } from '@/constants/chart.constant'\nimport type { ApexOptions } from 'apexcharts'\n\nconst formatTooltipValue = (val: number \| string \| undefined): string =>\n `${val ?? ''}`\n\nexport const apexLineChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: 2.5,\n curve: 'smooth',\n lineCap: 'round',\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n const pointValue =\n opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n return `${val} - ${pointValue ?? ''}`\n },\n },\n xaxis: {\n categories: [],\n },\n}\n\nexport const apexAreaChartDefaultOption: ApexOptions = {\n ...apexLineChartDefaultOption,\n fill: {\n type: 'gradient',\n gradient: {\n shadeIntensity: 1,\n opacityFrom: 0.3,\n opacityTo: 0.6,\n stops: [0, 70, 100],\n },\n },\n}\n\nexport const apexBarChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '35px',\n borderRadius: 4,\n borderRadiusApplication: 'end',\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 1,\n curve: 'smooth',\n colors: ['transparent'],\n },\n legend: {\n itemMargin: {\n vertical: 10,\n },\n tooltipHoverFormatter: function (val, opts) {\n const pointValue =\n opts?.w?.globals?.series?.[opts?.seriesIndex]?.[opts?.dataPointIndex]\n\n return `${val} - ${pointValue ?? ''}`\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexColumnChartDefaultOption: ApexOptions = {\n chart: {\n type: 'bar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: '55%',\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['transparent'],\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexMixedChartDefaultOption: ApexOptions = {\n chart: {\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [0, 4],\n curve: 'smooth',\n },\n plotOptions: {\n bar: {\n columnWidth: '50%',\n },\n },\n xaxis: {\n categories: [],\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexPieChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n stroke: {\n width: 0,\n },\n tooltip: {\n y: {\n formatter: (val) => formatTooltipValue(val),\n },\n },\n}\n\nexport const apexDonutChartDefaultOption: ApexOptions = {\n colors: [...COLORS],\n plotOptions: {\n pie: {\n donut: {\n labels: {\n show: true,\n total: {\n show: true,\n showAlways: true,\n label: '',\n formatter: function (w) {\n const total = w.globals.seriesTotals.reduce(\n (acc, value) => acc + value,\n 0,\n )\n\n return `${total}`\n },\n },\n },\n size: '85%',\n },\n },\n },\n stroke: {\n colors: ['transparent'],\n },\n labels: [],\n dataLabels: {\n enabled: false,\n },\n legend: {\n show: false,\n },\n}\n\nexport const apexSparklineChartDefultOption: ApexOptions = {\n chart: {\n type: 'line',\n sparkline: {\n enabled: true,\n },\n },\n stroke: {\n width: 2,\n curve: 'smooth',\n },\n tooltip: {\n fixed: {\n enabled: false,\n },\n x: {\n show: false,\n },\n y: {\n title: {\n formatter: function () {\n return ''\n },\n },\n },\n marker: {\n show: false,\n },\n },\n}\n\nexport const apexRadarChartDefultOption: ApexOptions = {\n chart: {\n type: 'radar',\n zoom: {\n enabled: false,\n },\n toolbar: {\n show: false,\n },\n },\n colors: [...COLORS],\n}\n\nconst chartConfig = {\n apexLineChartDefaultOption,\n apexAreaChartDefaultOption,\n apexBarChartDefaultOption,\n apexColumnChartDefaultOption,\n apexMixedChartDefaultOption,\n apexPieChartDefaultOption,\n apexDonutChartDefaultOption,\n apexSparklineChartDefultOption,\n apexRadarChartDefultOption,\n}\n\nexport default chartConfig\n"],"names":[],"mappings":";AAGA,MAAM,qBAAqB,CAAC,QACxB,GAAG,OAAO,EAAE;AAET,MAAM,6BAA0C;AAAA,EACnD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,SAAS;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACV;AAAA,EAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,YAAY;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,YAAY;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,IAEd,uBAAuB,SAAU,KAAK,MAAM;AACxC,YAAM,aACF,MAAM,GAAG,SAAS,SAAS,MAAM,WAAW,IAAI,MAAM,cAAc;AAExE,aAAO,GAAG,GAAG,MAAM,cAAc,EAAE;AAAA,IACvC;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACH,YAAY,CAAA;AAAA,EAAC;AAErB;AAEO,MAAM,6BAA0C;AAAA,EACnD,GAAG;AAAA,EACH,MAAM;AAAA,IACF,MAAM;AAAA,IACN,UAAU;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,MACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,IAAA;AAAA,EACtB;AAER;AAEO,MAAM,4BAAyC;AAAA,EAClD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,SAAS;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACV;AAAA,EAEJ,aAAa;AAAA,IACT,KAAK;AAAA,MACD,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA,MACd,yBAAyB;AAAA,IAAA;AAAA,EAC7B;AAAA,EAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,YAAY;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ,CAAC,aAAa;AAAA,EAAA;AAAA,EAE1B,QAAQ;AAAA,IACJ,YAAY;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,IAEd,uBAAuB,SAAU,KAAK,MAAM;AACxC,YAAM,aACF,MAAM,GAAG,SAAS,SAAS,MAAM,WAAW,IAAI,MAAM,cAAc;AAExE,aAAO,GAAG,GAAG,MAAM,cAAc,EAAE;AAAA,IACvC;AAAA,EAAA;AAAA,EAEJ,OAAO;AAAA,IACH,YAAY,CAAA;AAAA,EAAC;AAAA,EAEjB,MAAM;AAAA,IACF,SAAS;AAAA,EAAA;AAAA,EAEb,SAAS;AAAA,IACL,GAAG;AAAA,MACC,WAAW,CAAC,QAAQ,mBAAmB,GAAG;AAAA,IAAA;AAAA,EAC9C;AAER;AAEO,MAAM,+BAA4C;AAAA,EACrD,OAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,MACF,SAAS;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACV;AAAA,EAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,aAAa;AAAA,IACT,KAAK;AAAA,MACD,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACjB;AAAA,EAEJ,YAAY;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,CAAC,aAAa;AAAA,EAAA;AAAA,EAE1B,OAAO;AAAA,IACH,YAAY,CAAA;AAAA,EAAC;AAAA,EAEjB,MAAM;AAAA,IACF,SAAS;AAAA,EAAA;AAAA,EAEb,SAAS;AAAA,IACL,GAAG;AAAA,MACC,WAAW,CAAC,QAAQ,mBAAmB,GAAG;AAAA,IAAA;AAAA,EAC9C;AAER;AAEO,MAAM,8BAA2C;AAAA,EACpD,OAAO;AAAA,IACH,MAAM;AAAA,MACF,SAAS;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACV;AAAA,EAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,YAAY;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACT,KAAK;AAAA,MACD,aAAa;AAAA,IAAA;AAAA,EACjB;AAAA,EAEJ,OAAO;AAAA,IACH,YAAY,CAAA;AAAA,EAAC;AAAA,EAEjB,MAAM;AAAA,IACF,SAAS;AAAA,EAAA;AAAA,EAEb,SAAS;AAAA,IACL,GAAG;AAAA,MACC,WAAW,CAAC,QAAQ,mBAAmB,GAAG;AAAA,IAAA;AAAA,EAC9C;AAER;AAEO,MAAM,4BAAyC;AAAA,EAClD,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,QAAQ;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACL,GAAG;AAAA,MACC,WAAW,CAAC,QAAQ,mBAAmB,GAAG;AAAA,IAAA;AAAA,EAC9C;AAER;AAEO,MAAM,8BAA2C;AAAA,EACpD,QAAQ,CAAC,GAAG,MAAM;AAAA,EAClB,aAAa;AAAA,IACT,KAAK;AAAA,MACD,OAAO;AAAA,QACH,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,YACH,MAAM;AAAA,YACN,YAAY;AAAA,YACZ,OAAO;AAAA,YACP,WAAW,SAAU,GAAG;AACpB,oBAAM,QAAQ,EAAE,QAAQ,aAAa;AAAA,gBACjC,CAAC,KAAK,UAAU,MAAM;AAAA,gBACtB;AAAA,cAAA;AAGJ,qBAAO,GAAG,KAAK;AAAA,YACnB;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ,QAAQ;AAAA,IACJ,QAAQ,CAAC,aAAa;AAAA,EAAA;AAAA,EAE1B,QAAQ,CAAA;AAAA,EACR,YAAY;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEb,QAAQ;AAAA,IACJ,MAAM;AAAA,EAAA;AAEd;AAEO,MAAM,iCAA8C;AAAA,EACvD,OAAO;AAAA,IACH,MAAM;AAAA,IACN,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACL,OAAO;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEb,GAAG;AAAA,MACC,MAAM;AAAA,IAAA;AAAA,IAEV,GAAG;AAAA,MACC,OAAO;AAAA,QACH,WAAW,WAAY;AACnB,iBAAO;AAAA,QACX;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,QAAQ;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA,EACV;AAER;AAEO,MAAM,6BAA0C;AAAA,EACnD,OAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,MACF,SAAS;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACV;AAAA,EAEJ,QAAQ,CAAC,GAAG,MAAM;AACtB;AAEA,MAAM,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}

package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js CHANGED Viewed

@@ -38,7 +38,8 @@ const DashedLine = () => {
         },
         legend: {
           tooltipHoverFormatter: function(val, opts) {
-            return val + " - " + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex];
+            if (!opts) return val;
+            return val + " - " + (opts && opts.w && opts.w.globals && opts.w.globals.series && typeof opts.seriesIndex !== "undefined" && typeof opts.dataPointIndex !== "undefined" ? opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] : "");
           }
         },
         markers: {

package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][\n opts.dataPointIndex\n ] +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAU,KAAK,MAAM;AACxC,mBACI,MACA,~~QACA~~,KAAK,EAAE,QAAQ,OAAO,KAAK,WAAW,~~EAClC~~,KAAK,~~cACT~~;AAAA,~~UAGR~~;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO;AAAA,gBACX;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
1	+ {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n if (!opts) return val\n return (\n val +\n ' - ' +\n (opts && opts.w && opts.w.globals && opts.w.globals.series &&\n typeof opts.seriesIndex !== 'undefined' &&\n typeof opts.dataPointIndex !== 'undefined'\n ? opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]\n : ''\n ) +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAU,KAAK,MAAM;AACxC,gBAAI,CAAC,KAAM,QAAO;AAClB,mBACI,MACA,SACC,QAAQ,KAAK,KAAK,KAAK,EAAE,WAAW,KAAK,EAAE,QAAQ,UAChD,OAAO,KAAK,gBAAgB,eAC5B,OAAO,KAAK,mBAAmB,cAC7B,KAAK,EAAE,QAAQ,OAAO,KAAK,WAAW,EAAE,KAAK,cAAc,IAC3D;AAAA,UAId;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO;AAAA,gBACX;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}