@cfxjs/sirius-next-common 0.1.37 → 0.1.39

package/dist/chunk-XMBEB34D.js

@@ -0,0 +1,69 @@
+import {
+  scope
+} from "./chunk-XGOIDR7R.js";
+import {
+  useI18n
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/Charts/ChartOptions.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var desiredOrder = ["min", "hour", "day", "week", "month", "year"];
+var ChartOptions = ({
+  intervalScope,
+  intervalType,
+  limit,
+  onCombination
+}) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  const intervalScopeDefault = intervalScope || { day: scope.day };
+  const sortedIntervalScopeKeys = Object.keys(intervalScopeDefault).sort(
+    (a, b) => desiredOrder.indexOf(a) - desiredOrder.indexOf(b)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px] mr-[20px]", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t(translations.highcharts.options.time),
+        ":"
+      ] }),
+      sortedIntervalScopeKeys.map((e, i) => {
+        const scopeItemArray = intervalScopeDefault[e];
+        const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];
+        const lastItemLimit = lastScopeItem?.limit;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${intervalType === e ? "bg-[#E6EBF5]" : "bg-[#F7F7F7]"} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`,
+            onClick: () => onCombination(e, lastItemLimit + ""),
+            children: e
+          },
+          "scopeKey" + i
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px]", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t(translations.highcharts.options.range),
+        ":"
+      ] }),
+      intervalScopeDefault[intervalType]?.map(
+        (e, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            onClick: () => onCombination(intervalType, e.limit + ""),
+            className: `${limit === e.limit + "" ? "bg-[#E6EBF5]" : "bg-[#F7F7F7]"} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`,
+            children: e.label
+          },
+          "scopeLimit" + i
+        )
+      )
+    ] })
+  ] });
+};
+var ChartOptions_default = ChartOptions;
+
+export {
+  ChartOptions_default
+};
+//# sourceMappingURL=chunk-XMBEB34D.js.map

package/dist/chunk-XMBEB34D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/ChartOptions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { ScopeItemType, ScopeType, ChartOptionsProps, scope } from './config';\n\nconst desiredOrder = ['min', 'hour', 'day', 'week', 'month', 'year'];\n\nconst ChartOptions = ({\n  intervalScope,\n  intervalType,\n  limit,\n  onCombination,\n}: ChartOptionsProps) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n  const intervalScopeDefault = intervalScope || { day: scope.day };\n\n  const sortedIntervalScopeKeys = Object.keys(intervalScopeDefault).sort(\n    (a, b) => desiredOrder.indexOf(a) - desiredOrder.indexOf(b),\n  );\n\n  return (\n    <div className=\"flex relative z-2 top-[10px] mb-[20px] left-[40px] gap-[10px] flex-col chartsFilter:flex-row chartsFilter:gap-0\">\n      <div className=\"flex gap-[3px] mr-[20px]\">\n        <div>{t(translations.highcharts.options.time)}:</div>\n        {sortedIntervalScopeKeys.map((e, i) => {\n          const scopeItemArray = intervalScopeDefault[e as keyof ScopeType];\n          const lastScopeItem = scopeItemArray?.[scopeItemArray.length - 1];\n          const lastItemLimit = lastScopeItem?.limit;\n\n          return (\n            <div\n              className={`${intervalType === e ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n              key={'scopeKey' + i}\n              onClick={() =>\n                onCombination(e as keyof ScopeType, lastItemLimit + '')\n              }\n            >\n              {e}\n            </div>\n          );\n        })}\n      </div>\n      <div className=\"flex gap-[3px]\">\n        <div>{t(translations.highcharts.options.range)}:</div>\n        {intervalScopeDefault[intervalType]?.map(\n          (e: ScopeItemType, i: number) => (\n            <div\n              key={'scopeLimit' + i}\n              onClick={() => onCombination(intervalType, e.limit + '')}\n              className={`${limit === e.limit + '' ? 'bg-[#E6EBF5]' : 'bg-[#F7F7F7]'} w-fit px-[7px] py-[2px] rounded-[5px] text-[12px] cursor-pointer hover:bg-[#eee]`}\n            >\n              {e.label}\n            </div>\n          ),\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ChartOptions;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAuBvB,SAOI,KAPJ;AAnBR,IAAM,eAAe,CAAC,OAAO,QAAQ,OAAO,QAAQ,SAAS,MAAM;AAEnE,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AACjC,QAAM,uBAAuB,iBAAiB,EAAE,KAAK,MAAM,IAAI;AAE/D,QAAM,0BAA0B,OAAO,KAAK,oBAAoB,EAAE;AAAA,IAChE,CAAC,GAAG,MAAM,aAAa,QAAQ,CAAC,IAAI,aAAa,QAAQ,CAAC;AAAA,EAC5D;AAEA,SACE,qBAAC,SAAI,WAAU,mHACb;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,QAAE;AAAA,SAAC;AAAA,MAC9C,wBAAwB,IAAI,CAAC,GAAG,MAAM;AACrC,cAAM,iBAAiB,qBAAqB,CAAoB;AAChE,cAAM,gBAAgB,iBAAiB,eAAe,SAAS,CAAC;AAChE,cAAM,gBAAgB,eAAe;AAErC,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,IAAI,iBAAiB;AAAA,YAEpD,SAAS,MACP,cAAc,GAAsB,gBAAgB,EAAE;AAAA,YAGvD;AAAA;AAAA,UALI,aAAa;AAAA,QAMpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,SAAK;AAAA,UAAE,aAAa,WAAW,QAAQ,KAAK;AAAA,QAAE;AAAA,SAAC;AAAA,MAC/C,qBAAqB,YAAY,GAAG;AAAA,QACnC,CAAC,GAAkB,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,cAAc,cAAc,EAAE,QAAQ,EAAE;AAAA,YACvD,WAAW,GAAG,UAAU,EAAE,QAAQ,KAAK,iBAAiB;AAAA,YAEvD,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-XMWQQ4A6.js

@@ -0,0 +1,414 @@
+// src/components/Charts/config.ts
+import Highcharts from "highcharts/highstock";
+var defaultLimit = "365";
+var defaultIntervalType = "day";
+var scope = {
+  min: [
+    {
+      label: "1h",
+      limit: 60
+    },
+    {
+      label: "2h",
+      limit: 120
+    },
+    {
+      label: "4h",
+      limit: 240
+    },
+    {
+      label: "6h",
+      limit: 360
+    },
+    {
+      label: "12h",
+      limit: 720
+    },
+    {
+      label: "24h",
+      limit: 1440
+    }
+  ],
+  hour: [
+    {
+      label: "1d",
+      limit: 24
+    },
+    {
+      label: "3d",
+      limit: 72
+    },
+    {
+      label: "7d",
+      limit: 168
+    },
+    {
+      label: "14d",
+      limit: 336
+    }
+  ],
+  day: [
+    {
+      label: "1w",
+      limit: 7
+    },
+    {
+      label: "1m",
+      limit: 30
+    },
+    {
+      label: "3m",
+      limit: 91
+    },
+    {
+      label: "6m",
+      limit: 182
+    },
+    {
+      label: "1y",
+      limit: 365
+    },
+    {
+      label: "All",
+      limit: 3700
+    }
+  ],
+  month: [
+    {
+      label: "6m",
+      limit: 6
+    },
+    {
+      label: "1y",
+      limit: 12
+    },
+    {
+      label: "All",
+      limit: 3700
+    }
+  ]
+};
+var ConstructorType = ({ options }) => {
+  if (options?.chart?.type === "pie") {
+    return "";
+  }
+  if (options?.chart?.type === "column") {
+    return "";
+  }
+  return "stockChart";
+};
+var LineChart = ({ options, request, data }) => {
+  const list = request.formatter(data);
+  return {
+    chart: {
+      alignTicks: false,
+      height: 600,
+      animation: false,
+      backgroundColor: null
+    },
+    credits: {
+      enabled: false
+    },
+    colors: [
+      "#7cb5ec",
+      "#434348",
+      "#f7a35c",
+      "#2b908f",
+      "#91e8e1",
+      "#90ed7d",
+      "#8085e9",
+      "#f15c80",
+      "#e4d354",
+      "#f45b5b"
+    ],
+    navigator: {
+      enabled: true
+    },
+    rangeSelector: {
+      enabled: true,
+      buttons: []
+    },
+    scrollbar: {
+      enabled: true
+    },
+    plotOptions: {
+      series: {
+        dataGrouping: {
+          enabled: false
+          // dateTimeLabelFormats: {
+          //   week: ['%A, %b %e, %Y'],
+          // },
+        }
+      },
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      }
+    },
+    legend: {
+      enabled: options.series.length > 1
+    },
+    tooltip: {
+      split: false,
+      useHTML: true,
+      headerFormat: `<table>
+              <tr>
+                <th colspan="2" style="font-weight: normal;">{point.key}</th>
+              </tr>
+              <tr style="border-bottom: 1px solid #ccc;">
+                <th style="padding-bottom: 5px;"></th>
+              </tr>
+              `,
+      pointFormat: `
+            <tr><td style="padding-top: 5px;"></td></tr>
+            <tr>
+              <td style="color: {series.color}; padding-right: 10px;">[ {series.name} ]</td>
+              <td style="text-align: right"><b>{point.y}</b></td>  
+            </tr>`,
+      footerFormat: "</table>",
+      shape: "square",
+      shared: true
+    },
+    yAxis: {
+      opposite: false
+    },
+    series: options.series.map((_, i) => ({
+      data: list[i]
+    })),
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "viewFullscreen",
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var PieChart = ({ request, data }) => {
+  return {
+    chart: {
+      animation: false,
+      height: 600
+    },
+    credits: {
+      enabled: false
+    },
+    plotOptions: {
+      area: {
+        fillColor: {
+          linearGradient: {
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1
+          },
+          stops: [
+            // @ts-ignore
+            [0, Highcharts.getOptions().colors[0]],
+            [
+              1,
+              // @ts-ignore
+              Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get("rgba")
+            ]
+          ]
+        },
+        marker: {
+          radius: 2
+        },
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        },
+        threshold: null
+      },
+      line: {
+        lineWidth: 1,
+        states: {
+          hover: {
+            lineWidth: 1
+          }
+        }
+      },
+      pie: {
+        allowPointSelect: true,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: false
+        },
+        showInLegend: true,
+        colorByPoint: true
+      }
+    },
+    tooltip: {
+      shape: "square"
+    },
+    series: [
+      {
+        data: request.formatter(data)
+      }
+    ],
+    exporting: {
+      enabled: true,
+      buttons: {
+        contextButton: {
+          menuItems: [
+            "printChart",
+            "separator",
+            "downloadPNG",
+            "downloadJPEG",
+            "downloadPDF",
+            "downloadSVG",
+            "downloadCSV",
+            "downloadXLS"
+          ]
+        }
+      }
+    }
+  };
+};
+var optsOrigin = ({ options, request, data }) => {
+  if (options.chart.type === "pie") {
+    return PieChart({ options, request, data });
+  }
+  if (options.chart.type === "column") {
+    return PieChart({ options, request, data });
+  }
+  return LineChart({ options, request, data });
+};
+var previewOpts = {
+  title: "",
+  subtitle: "",
+  chart: {
+    height: 240,
+    zoomType: ""
+  },
+  exporting: {
+    enabled: false
+  },
+  navigator: {
+    enabled: false
+  },
+  rangeSelector: {
+    enabled: false
+  },
+  scrollbar: {
+    enabled: false
+  }
+};
+var xAxisCustomLabelYear = {
+  labels: {
+    formatter: (data) => {
+      const date = new Date(data.value);
+      if (date.getMonth() === 0) {
+        return Highcharts.dateFormat("%Y", data.value);
+      } else {
+        return Highcharts.dateFormat("%e '%b", data.value);
+      }
+    }
+  }
+};
+var xAxisCustomLabelHour = {
+  labels: {
+    formatter: (data) => {
+      const date = new Date(data.value);
+      const intervalType = data.chart.options.intervalType.value;
+      if (intervalType === "min" || intervalType === "hour") {
+        if (date.getUTCHours() === 0 && date.getUTCMinutes() === 0) {
+          return Highcharts.dateFormat("%e '%b", data.value);
+        } else {
+          return Highcharts.dateFormat("%H:%M", data.value);
+        }
+      } else {
+        return Highcharts.dateFormat("%e '%b", data.value);
+      }
+    }
+  }
+};
+var tooltipCustomLabel = {
+  split: false,
+  useHTML: true,
+  formatter: (data) => {
+    const chart = data.chart;
+    const point = chart.hoverPoint;
+    const series = point.series;
+    const intervalType = chart.options.intervalType.value;
+    const timeRules = intervalType === "min" || intervalType === "hour" ? "%H:%M, %a %d, %b %Y (UTC)" : "%a %e, %b %Y (UTC)";
+    const header = Highcharts.dateFormat(timeRules, point.x);
+    let pointFormat = `<table>
+    <tr>
+      <th colspan="2" style="font-weight: normal;">${header}</th>
+    </tr>
+    <tr style="border-bottom: 1px solid #ccc;">
+      <th style="padding-bottom: 5px;"></th>
+    </tr>
+    <tr><td style="padding-top: 5px;"></td></tr>
+    <tr>
+      <td style="color: ${series.color}; padding-right: 10px;">[ ${series.name} ]</td>
+      <td style="text-align: right"><b>${point.y}</b></td>  
+    </tr>
+    </table>
+   `;
+    return pointFormat;
+  },
+  shape: "square",
+  shared: true
+};
+
+export {
+  defaultLimit,
+  defaultIntervalType,
+  scope,
+  ConstructorType,
+  optsOrigin,
+  previewOpts,
+  xAxisCustomLabelYear,
+  xAxisCustomLabelHour,
+  tooltipCustomLabel
+};
+//# sourceMappingURL=chunk-XMWQQ4A6.js.map

package/dist/chunk-XMWQQ4A6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/config.ts"],"sourcesContent":["import Highcharts from 'highcharts/highstock';\n\nexport const defaultLimit: string = '365';\nexport const defaultIntervalType: string = 'day';\n\nexport interface ChildProps {\n  preview?: boolean;\n}\n\nexport interface ChartsProps {\n  request: {\n    url: string;\n    query?: {\n      limit?: string;\n      intervalType?: string;\n    };\n    formatter: (data: any) => any;\n  };\n  options: any;\n  data?: {\n    list: any[];\n  };\n}\n\nexport interface ScopeItemType {\n  label: string;\n  limit: number;\n}\n\nexport interface ScopeType {\n  min?: ScopeItemType[];\n  hour?: ScopeItemType[];\n  day: ScopeItemType[];\n  month?: ScopeItemType[];\n}\nexport type onCombination = (\n  type: keyof ScopeType,\n  limit: string | undefined,\n) => void;\nexport type ChartOptionsProps = {\n  intervalScope?: ScopeType;\n  intervalType: keyof ScopeType;\n  limit: string | undefined;\n  onCombination: onCombination;\n};\n\nexport const scope: ScopeType = {\n  min: [\n    {\n      label: '1h',\n      limit: 60,\n    },\n    {\n      label: '2h',\n      limit: 120,\n    },\n    {\n      label: '4h',\n      limit: 240,\n    },\n    {\n      label: '6h',\n      limit: 360,\n    },\n    {\n      label: '12h',\n      limit: 720,\n    },\n    {\n      label: '24h',\n      limit: 1440,\n    },\n  ],\n  hour: [\n    {\n      label: '1d',\n      limit: 24,\n    },\n    {\n      label: '3d',\n      limit: 72,\n    },\n    {\n      label: '7d',\n      limit: 168,\n    },\n    {\n      label: '14d',\n      limit: 336,\n    },\n  ],\n  day: [\n    {\n      label: '1w',\n      limit: 7,\n    },\n    {\n      label: '1m',\n      limit: 30,\n    },\n    {\n      label: '3m',\n      limit: 91,\n    },\n    {\n      label: '6m',\n      limit: 182,\n    },\n    {\n      label: '1y',\n      limit: 365,\n    },\n    {\n      label: 'All',\n      limit: 3700,\n    },\n  ],\n  month: [\n    {\n      label: '6m',\n      limit: 6,\n    },\n    {\n      label: '1y',\n      limit: 12,\n    },\n    {\n      label: 'All',\n      limit: 3700,\n    },\n  ],\n};\nexport const ConstructorType = ({ options }: ChartsProps) => {\n  if (options?.chart?.type === 'pie') {\n    return '';\n  }\n  if (options?.chart?.type === 'column') {\n    return '';\n  }\n  return 'stockChart';\n};\nconst LineChart = ({ options, request, data }: ChartsProps) => {\n  const list = request.formatter(data);\n  return {\n    chart: {\n      alignTicks: false,\n      height: 600,\n      animation: false,\n      backgroundColor: null,\n    },\n    credits: {\n      enabled: false,\n    },\n    colors: [\n      '#7cb5ec',\n      '#434348',\n      '#f7a35c',\n      '#2b908f',\n      '#91e8e1',\n      '#90ed7d',\n      '#8085e9',\n      '#f15c80',\n      '#e4d354',\n      '#f45b5b',\n    ],\n    navigator: {\n      enabled: true,\n    },\n    rangeSelector: {\n      enabled: true,\n      buttons: [],\n    },\n    scrollbar: {\n      enabled: true,\n    },\n    plotOptions: {\n      series: {\n        dataGrouping: {\n          enabled: false,\n          // dateTimeLabelFormats: {\n          //   week: ['%A, %b %e, %Y'],\n          // },\n        },\n      },\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n    },\n    legend: {\n      enabled: options.series.length > 1,\n    },\n    tooltip: {\n      split: false,\n      useHTML: true,\n      headerFormat: `<table>\n              <tr>\n                <th colspan=\"2\" style=\"font-weight: normal;\">{point.key}</th>\n              </tr>\n              <tr style=\"border-bottom: 1px solid #ccc;\">\n                <th style=\"padding-bottom: 5px;\"></th>\n              </tr>\n              `,\n      pointFormat: `\n            <tr><td style=\"padding-top: 5px;\"></td></tr>\n            <tr>\n              <td style=\"color: {series.color}; padding-right: 10px;\">[ {series.name} ]</td>\n              <td style=\"text-align: right\"><b>{point.y}</b></td>  \n            </tr>`,\n      footerFormat: '</table>',\n      shape: 'square',\n      shared: true,\n    },\n    yAxis: {\n      opposite: false,\n    },\n    series: options.series.map((_: any, i: number) => ({\n      data: list[i],\n    })),\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'viewFullscreen',\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\nconst PieChart = ({ request, data }: ChartsProps) => {\n  return {\n    chart: {\n      animation: false,\n      height: 600,\n    },\n    credits: {\n      enabled: false,\n    },\n    plotOptions: {\n      area: {\n        fillColor: {\n          linearGradient: {\n            x1: 0,\n            y1: 0,\n            x2: 0,\n            y2: 1,\n          },\n          stops: [\n            // @ts-ignore\n            [0, Highcharts.getOptions().colors[0]],\n            [\n              1,\n              // @ts-ignore\n              Highcharts.color(Highcharts.getOptions().colors[0])\n                .setOpacity(0)\n                .get('rgba'),\n            ],\n          ],\n        },\n        marker: {\n          radius: 2,\n        },\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n        threshold: null,\n      },\n      line: {\n        lineWidth: 1,\n        states: {\n          hover: {\n            lineWidth: 1,\n          },\n        },\n      },\n      pie: {\n        allowPointSelect: true,\n        cursor: 'pointer',\n        dataLabels: {\n          enabled: false,\n        },\n        showInLegend: true,\n        colorByPoint: true,\n      },\n    },\n    tooltip: {\n      shape: 'square',\n    },\n    series: [\n      {\n        data: request.formatter(data),\n      },\n    ],\n    exporting: {\n      enabled: true,\n      buttons: {\n        contextButton: {\n          menuItems: [\n            'printChart',\n            'separator',\n            'downloadPNG',\n            'downloadJPEG',\n            'downloadPDF',\n            'downloadSVG',\n            'downloadCSV',\n            'downloadXLS',\n          ],\n        },\n      },\n    },\n  };\n};\n\nexport const optsOrigin = ({ options, request, data }: ChartsProps) => {\n  if (options.chart.type === 'pie') {\n    return PieChart({ options, request, data });\n  }\n  if (options.chart.type === 'column') {\n    return PieChart({ options, request, data });\n  }\n  return LineChart({ options, request, data });\n};\nexport const previewOpts = {\n  title: '',\n  subtitle: '',\n  chart: {\n    height: 240,\n    zoomType: '',\n  },\n  exporting: {\n    enabled: false,\n  },\n  navigator: {\n    enabled: false,\n  },\n  rangeSelector: {\n    enabled: false,\n  },\n  scrollbar: {\n    enabled: false,\n  },\n};\n\nexport const xAxisCustomLabelYear = {\n  labels: {\n    formatter: (data: any) => {\n      const date = new Date(data.value);\n      if (date.getMonth() === 0) {\n        return Highcharts.dateFormat('%Y', data.value);\n      } else {\n        return Highcharts.dateFormat(\"%e '%b\", data.value);\n      }\n    },\n  },\n};\nexport const xAxisCustomLabelHour = {\n  labels: {\n    formatter: (data: any) => {\n      const date = new Date(data.value);\n      const intervalType = data.chart.options.intervalType.value;\n      if (intervalType === 'min' || intervalType === 'hour') {\n        if (date.getUTCHours() === 0 && date.getUTCMinutes() === 0) {\n          return Highcharts.dateFormat(\"%e '%b\", data.value);\n        } else {\n          return Highcharts.dateFormat('%H:%M', data.value);\n        }\n      } else {\n        return Highcharts.dateFormat(\"%e '%b\", data.value);\n      }\n    },\n  },\n};\nexport const tooltipCustomLabel = {\n  split: false,\n  useHTML: true,\n  formatter: (data: any) => {\n    const chart = data.chart;\n    const point = chart.hoverPoint;\n    const series = point.series;\n    const intervalType = chart.options.intervalType.value;\n\n    const timeRules =\n      intervalType === 'min' || intervalType === 'hour'\n        ? '%H:%M, %a %d, %b %Y (UTC)'\n        : '%a %e, %b %Y (UTC)';\n    const header = Highcharts.dateFormat(timeRules, point.x);\n    let pointFormat = `<table>\n    <tr>\n      <th colspan=\"2\" style=\"font-weight: normal;\">${header}</th>\n    </tr>\n    <tr style=\"border-bottom: 1px solid #ccc;\">\n      <th style=\"padding-bottom: 5px;\"></th>\n    </tr>\n    <tr><td style=\"padding-top: 5px;\"></td></tr>\n    <tr>\n      <td style=\"color: ${series.color}; padding-right: 10px;\">[ ${series.name} ]</td>\n      <td style=\"text-align: right\"><b>${point.y}</b></td>  \n    </tr>\n    </table>\n   `;\n    return pointFormat;\n  },\n\n  shape: 'square',\n  shared: true,\n};\n"],"mappings":"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","names":[]}