@cfxjs/sirius-next-common 0.1.21 → 0.1.23

package/dist/chunk-P5BDHBJ3.js

@@ -1,101 +0,0 @@
-import {
-  useBreakpoint
-} from "./chunk-TOKKKTFG.js";
-import {
-  Tooltip
-} from "./chunk-NF2W5AAT.js";
-import {
-  selectText
-} from "./chunk-BHV2XKKI.js";
-
-// src/components/Text/index.tsx
-import React from "react";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var getTypeColor = (type) => {
-  const colors = {
-    default: "inherit",
-    primary: "#7cd77b",
-    secondary: "#666",
-    success: "#7cd77b",
-    warning: "#ffc438",
-    error: "#e15c56"
-  };
-  return colors[type] || colors.default;
-};
-var Text = React.memo(
-  ({
-    className,
-    children,
-    maxWidth,
-    maxCount,
-    hoverValue,
-    hoverValueMaxCount: outerHoverValueMaxCount,
-    tag = "p",
-    type = "default",
-    hideTooltip = false,
-    ...props
-  }) => {
-    const Component = tag;
-    const bp = useBreakpoint();
-    let child = children;
-    if (maxWidth === void 0 && maxCount && typeof children === "string") {
-      child = String.prototype.substr.call(children, 0, maxCount) + "...";
-    }
-    let textContent = hoverValue || children;
-    if (bp === "s" && typeof textContent === "string") {
-      const hoverValueMaxCount = outerHoverValueMaxCount || 34;
-      let textContentCopy = textContent;
-      let newTextContent = [];
-      let count = 0;
-      while (textContentCopy.length > hoverValueMaxCount) {
-        newTextContent.push(
-          /* @__PURE__ */ jsx("span", { children: textContentCopy.substr(0, hoverValueMaxCount) }, count)
-        );
-        newTextContent.push(/* @__PURE__ */ jsx("br", {}, `br${count}`));
-        textContentCopy = textContentCopy.substr(hoverValueMaxCount);
-        if (count > 3) {
-          textContentCopy = textContentCopy.substr(0, hoverValueMaxCount - 3) + "...";
-        }
-      }
-      newTextContent.push(/* @__PURE__ */ jsx("span", { children: textContentCopy }, ++count));
-      textContent = newTextContent;
-    }
-    const tooltipText = !hideTooltip && React.createElement(
-      "div",
-      {
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          selectText(e.currentTarget);
-        }
-      },
-      textContent
-    );
-    const p = { title: tooltipText };
-    return React.createElement(Tooltip, p, [
-      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-        Component,
-        {
-          className: clsx(
-            "sirius-text truncate vertical-bottom",
-            "all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae",
-            className
-          ),
-          style: {
-            maxWidth,
-            display: maxWidth === void 0 ? "inherit" : "inline-block",
-            color: getTypeColor(type)
-          },
-          ...props,
-          children: child
-        }
-      ) }, "text")
-    ]);
-  }
-);
-
-export {
-  Text
-};
-//# sourceMappingURL=chunk-P5BDHBJ3.js.map

package/dist/chunk-P5BDHBJ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Tooltip } from '../Tooltip';\nimport { selectText } from '../../utils';\nimport { useBreakpoint } from '../../utils/media';\n\ntype NormalTypes =\n  | 'default'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'primary';\n\ntype TextProps = {\n  children?: React.ReactNode;\n  maxWidth?: string;\n  maxCount?: number;\n  hoverValue?: React.ReactNode;\n  hoverValueMaxCount?: number;\n  tag?: 'p' | 'span';\n  type?: NormalTypes;\n  hideTooltip?: boolean;\n};\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof TextProps>;\n\nconst getTypeColor = (type: NormalTypes) => {\n  const colors: { [key in NormalTypes]: string } = {\n    default: 'inherit',\n    primary: '#7cd77b',\n    secondary: '#666',\n    success: '#7cd77b',\n    warning: '#ffc438',\n    error: '#e15c56',\n  };\n\n  return colors[type] || colors.default;\n};\n\n// note:\n// 1. maxWidth priority is higher than maxCount\n// 2. maxCount only apply to string\n// 3. if hoverValue is provided, use hoverValue as Tooltip text, otherwise use children\n//    if text of prop tooltip is provided, use as Tooltip text\nexport const Text = React.memo(\n  ({\n    className,\n    children,\n    maxWidth,\n    maxCount,\n    hoverValue,\n    hoverValueMaxCount: outerHoverValueMaxCount,\n    tag = 'p',\n    type = 'default',\n    hideTooltip = false,\n    ...props\n  }: NativeAttrs & TextProps) => {\n    const Component = tag;\n    const bp = useBreakpoint();\n    let child: React.ReactNode = children;\n    if (maxWidth === undefined && maxCount && typeof children === 'string') {\n      child = String.prototype.substr.call(children, 0, maxCount) + '...';\n    }\n\n    let textContent = hoverValue || children;\n    // 控制移动端字符串类型 tooltip 的长度\n    // 这里有个问题，就是截断的位置可能是一个完整的单词，暂时没有办法处理，如果为了避免这种情况，需要由外面传入前对内容进行处理，比如设置固定宽度小于 24rem\n    // @todo 后续可以试下读取文本长度，动态设置容器宽度值的方式，可以避免截断位置的问题\n    if (bp === 's' && typeof textContent === 'string') {\n      const hoverValueMaxCount = outerHoverValueMaxCount || 34; // default text count is 36\n      let textContentCopy: string = textContent;\n      let newTextContent: Array<React.ReactNode> = [];\n      let count = 0;\n      while (textContentCopy.length > hoverValueMaxCount) {\n        newTextContent.push(\n          <span key={count}>\n            {textContentCopy.substr(0, hoverValueMaxCount)}\n          </span>,\n        );\n        newTextContent.push(<br key={`br${count}`} />);\n        textContentCopy = textContentCopy.substr(hoverValueMaxCount);\n        // 防止文本过长的情况\n        if (count > 3) {\n          textContentCopy =\n            textContentCopy.substr(0, hoverValueMaxCount - 3) + '...';\n        }\n      }\n      newTextContent.push(<span key={++count}>{textContentCopy}</span>);\n      textContent = newTextContent;\n    }\n    const tooltipText =\n      !hideTooltip &&\n      React.createElement(\n        'div',\n        {\n          onClick: e => {\n            e.preventDefault();\n            e.stopPropagation();\n            selectText(e.currentTarget);\n          },\n        },\n        textContent,\n      );\n\n    const p = { title: tooltipText };\n    return React.createElement(Tooltip, p, [\n      <span key=\"text\">\n        <Component\n          className={clsx(\n            'sirius-text truncate vertical-bottom',\n            'all-[a]:truncate all-[a]:vertical-bottom all-[a]:cursor-pointer all-[a:hover]:text-#0626ae',\n            className,\n          )}\n          style={{\n            maxWidth,\n            display: maxWidth === undefined ? 'inherit' : 'inline-block',\n            color: getTypeColor(type),\n          }}\n          {...props}\n        >\n          {child}\n        </Component>\n      </span>,\n    ]);\n  },\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA0EP;AAjDV,IAAM,eAAe,CAAC,SAAsB;AAC1C,QAAM,SAA2C;AAAA,IAC/C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAEA,SAAO,OAAO,IAAI,KAAK,OAAO;AAChC;AAOO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,GAAG;AAAA,EACL,MAA+B;AAC7B,UAAM,YAAY;AAClB,UAAM,KAAK,cAAc;AACzB,QAAI,QAAyB;AAC7B,QAAI,aAAa,UAAa,YAAY,OAAO,aAAa,UAAU;AACtE,cAAQ,OAAO,UAAU,OAAO,KAAK,UAAU,GAAG,QAAQ,IAAI;AAAA,IAChE;AAEA,QAAI,cAAc,cAAc;AAIhC,QAAI,OAAO,OAAO,OAAO,gBAAgB,UAAU;AACjD,YAAM,qBAAqB,2BAA2B;AACtD,UAAI,kBAA0B;AAC9B,UAAI,iBAAyC,CAAC;AAC9C,UAAI,QAAQ;AACZ,aAAO,gBAAgB,SAAS,oBAAoB;AAClD,uBAAe;AAAA,UACb,oBAAC,UACE,0BAAgB,OAAO,GAAG,kBAAkB,KADpC,KAEX;AAAA,QACF;AACA,uBAAe,KAAK,oBAAC,UAAQ,KAAK,OAAS,CAAE;AAC7C,0BAAkB,gBAAgB,OAAO,kBAAkB;AAE3D,YAAI,QAAQ,GAAG;AACb,4BACE,gBAAgB,OAAO,GAAG,qBAAqB,CAAC,IAAI;AAAA,QACxD;AAAA,MACF;AACA,qBAAe,KAAK,oBAAC,UAAoB,6BAAV,EAAE,KAAwB,CAAO;AAChE,oBAAc;AAAA,IAChB;AACA,UAAM,cACJ,CAAC,eACD,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,QACE,SAAS,OAAK;AACZ,YAAE,eAAe;AACjB,YAAE,gBAAgB;AAClB,qBAAW,EAAE,aAAa;AAAA,QAC5B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEF,UAAM,IAAI,EAAE,OAAO,YAAY;AAC/B,WAAO,MAAM,cAAc,SAAS,GAAG;AAAA,MACrC,oBAAC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,SAAS,aAAa,SAAY,YAAY;AAAA,YAC9C,OAAO,aAAa,IAAI;AAAA,UAC1B;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH,KAfQ,MAgBV;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/chunk-P5STBOCR.js

@@ -1,352 +0,0 @@
-// 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: 2e3
-    }
-  ],
-  month: [
-    {
-      label: "6m",
-      limit: 6
-    },
-    {
-      label: "1y",
-      limit: 12
-    },
-    {
-      label: "All",
-      limit: 2e3
-    }
-  ]
-};
-var ConstructorType = ({ options }) => {
-  if (options?.chart?.type === "pie") {
-    return "";
-  }
-  if (options?.chart?.type === "column") {
-    return "";
-  }
-  return "stockChart";
-};
-var LineChart = ({ options, request, 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: request.formatter(data)[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
-  }
-};
-
-export {
-  defaultLimit,
-  defaultIntervalType,
-  scope,
-  ConstructorType,
-  optsOrigin,
-  previewOpts
-};
-//# sourceMappingURL=chunk-P5STBOCR.js.map

package/dist/chunk-P5STBOCR.js.map

@@ -1 +0,0 @@
-{"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: 2000,\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: 2000,\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  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: request.formatter(data)[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"],"mappings":"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","names":[]}