@cfxjs/sirius-next-common 0.1.38 → 0.1.39

package/dist/chunk-6GBDCZIP.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: "all"
+    }
+  ],
+  month: [
+    {
+      label: "6m",
+      limit: 6
+    },
+    {
+      label: "1y",
+      limit: 12
+    },
+    {
+      label: "All",
+      limit: "all"
+    }
+  ]
+};
+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-6GBDCZIP.js.map

package/dist/chunk-6GBDCZIP.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 | string;\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: 'all',\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: 'all',\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":";AAAA,OAAO,gBAAgB;AAEhB,IAAM,eAAuB;AAC7B,IAAM,sBAA8B;AA2CpC,IAAM,QAAmB;AAAA,EAC9B,KAAK;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,KAAK;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AACF;AACO,IAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAmB;AAC3D,MAAI,SAAS,OAAO,SAAS,OAAO;AAClC,WAAO;AAAA,EACT;AACA,MAAI,SAAS,OAAO,SAAS,UAAU;AACrC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AACA,IAAM,YAAY,CAAC,EAAE,SAAS,SAAS,KAAK,MAAmB;AAC7D,QAAM,OAAO,QAAQ,UAAU,IAAI;AACnC,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,QAAQ;AAAA,QACN,cAAc;AAAA,UACZ,SAAS;AAAA;AAAA;AAAA;AAAA,QAIX;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,gBAAgB;AAAA,YACd,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,UACN;AAAA,UACA,OAAO;AAAA;AAAA,YAEL,CAAC,GAAG,WAAW,WAAW,EAAE,OAAO,CAAC,CAAC;AAAA,YACrC;AAAA,cACE;AAAA;AAAA,cAEA,WAAW,MAAM,WAAW,WAAW,EAAE,OAAO,CAAC,CAAC,EAC/C,WAAW,CAAC,EACZ,IAAI,MAAM;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,QACA,WAAW;AAAA,QACX,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,QAAQ,OAAO,SAAS;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQd,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ,QAAQ,OAAO,IAAI,CAAC,GAAQ,OAAe;AAAA,MACjD,MAAM,KAAK,CAAC;AAAA,IACd,EAAE;AAAA,IACF,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,QACP,eAAe;AAAA,UACb,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,IAAM,WAAW,CAAC,EAAE,SAAS,KAAK,MAAmB;AACnD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,WAAW;AAAA,MACX,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,gBAAgB;AAAA,YACd,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,UACN;AAAA,UACA,OAAO;AAAA;AAAA,YAEL,CAAC,GAAG,WAAW,WAAW,EAAE,OAAO,CAAC,CAAC;AAAA,YACrC;AAAA,cACE;AAAA;AAAA,cAEA,WAAW,MAAM,WAAW,WAAW,EAAE,OAAO,CAAC,CAAC,EAC/C,WAAW,CAAC,EACZ,IAAI,MAAM;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,QACA,WAAW;AAAA,QACX,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,MACA,KAAK;AAAA,QACH,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,QAAQ,UAAU,IAAI;AAAA,MAC9B;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,QACP,eAAe;AAAA,UACb,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,aAAa,CAAC,EAAE,SAAS,SAAS,KAAK,MAAmB;AACrE,MAAI,QAAQ,MAAM,SAAS,OAAO;AAChC,WAAO,SAAS,EAAE,SAAS,SAAS,KAAK,CAAC;AAAA,EAC5C;AACA,MAAI,QAAQ,MAAM,SAAS,UAAU;AACnC,WAAO,SAAS,EAAE,SAAS,SAAS,KAAK,CAAC;AAAA,EAC5C;AACA,SAAO,UAAU,EAAE,SAAS,SAAS,KAAK,CAAC;AAC7C;AACO,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,IACN,WAAW,CAAC,SAAc;AACxB,YAAM,OAAO,IAAI,KAAK,KAAK,KAAK;AAChC,UAAI,KAAK,SAAS,MAAM,GAAG;AACzB,eAAO,WAAW,WAAW,MAAM,KAAK,KAAK;AAAA,MAC/C,OAAO;AACL,eAAO,WAAW,WAAW,UAAU,KAAK,KAAK;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AACF;AACO,IAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,IACN,WAAW,CAAC,SAAc;AACxB,YAAM,OAAO,IAAI,KAAK,KAAK,KAAK;AAChC,YAAM,eAAe,KAAK,MAAM,QAAQ,aAAa;AACrD,UAAI,iBAAiB,SAAS,iBAAiB,QAAQ;AACrD,YAAI,KAAK,YAAY,MAAM,KAAK,KAAK,cAAc,MAAM,GAAG;AAC1D,iBAAO,WAAW,WAAW,UAAU,KAAK,KAAK;AAAA,QACnD,OAAO;AACL,iBAAO,WAAW,WAAW,SAAS,KAAK,KAAK;AAAA,QAClD;AAAA,MACF,OAAO;AACL,eAAO,WAAW,WAAW,UAAU,KAAK,KAAK;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AACF;AACO,IAAM,qBAAqB;AAAA,EAChC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW,CAAC,SAAc;AACxB,UAAM,QAAQ,KAAK;AACnB,UAAM,QAAQ,MAAM;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,eAAe,MAAM,QAAQ,aAAa;AAEhD,UAAM,YACJ,iBAAiB,SAAS,iBAAiB,SACvC,8BACA;AACN,UAAM,SAAS,WAAW,WAAW,WAAW,MAAM,CAAC;AACvD,QAAI,cAAc;AAAA;AAAA,qDAE+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAO3B,OAAO,kCAAkC,OAAO;AAAA,yCACjC,MAAM;AAAA;AAAA;AAAA;AAI3C,WAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,EACP,QAAQ;AACV;","names":[]}

package/dist/chunk-73IFRWHE.js

@@ -0,0 +1,130 @@
+import {
+  convertCheckSum
+} from "./chunk-KKR2JERD.js";
+import {
+  Text
+} from "./chunk-FMHO65DC.js";
+import {
+  getTranslations
+} from "./chunk-DQGLZCIG.js";
+
+// src/components/AddressContainer/addressView.tsx
+import { Translation } from "react-i18next";
+import { shortenAddress } from "@cfx-kit/dapp-utils/dist/address";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultPCMaxWidth = 138;
+var renderTooltipContent = (tooltipContent) => {
+  return Object.entries(tooltipContent).map(([key, { label, value, hideLabel }]) => {
+    if (value) {
+      return /* @__PURE__ */ jsxs("div", { children: [
+        !hideLabel && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Translation, { children: (t) => t(label) }) }),
+        value
+      ] }, key);
+    }
+    return null;
+  }).filter(Boolean);
+};
+var convertLink = ({
+  link,
+  type,
+  hrefAddress,
+  cfxAddress
+}) => {
+  if (typeof link === "string") {
+    return link;
+  }
+  if (link === false) {
+    return false;
+  }
+  const address = hrefAddress || cfxAddress;
+  if (address && typeof address === "string") {
+    const pathname = window.location.pathname.toLowerCase();
+    const addressLower = address.toLowerCase();
+    if (pathname.includes("/address/" + addressLower)) {
+      return false;
+    }
+    if (type === "pow") {
+      return `/address/${address}`;
+    }
+    if (type === "pos") {
+      return `/pos/accounts/${address}`;
+    }
+  }
+  return false;
+};
+var RenderAddress = ({
+  cfxAddress,
+  alias,
+  hoverValue,
+  hrefAddress,
+  content,
+  link = "",
+  isFull = false,
+  isFullNameTag = false,
+  style = {},
+  maxWidth,
+  prefix = null,
+  suffix = null,
+  type = "pow",
+  addressLabel = "",
+  ENSLabel = "",
+  nametag = "",
+  hideAliasPrefixInHover = false
+}) => {
+  const translations = getTranslations();
+  const name = content || ENSLabel || nametag || addressLabel || alias;
+  const defaultStyle = {
+    maxWidth: `${name && isFullNameTag || isFull ? "auto" : (maxWidth || defaultPCMaxWidth) + "px"}`
+  };
+  const href = convertLink({ link, type, hrefAddress, cfxAddress });
+  const Wrapper = href ? "a" : "div";
+  const tooltipContent = {
+    ENSLabel: {
+      label: translations?.ens?.tip,
+      value: ENSLabel
+    },
+    nametag: {
+      label: translations?.nametag?.tip,
+      value: nametag
+    },
+    addressLabel: {
+      label: translations?.profile.address.myNameTag,
+      value: addressLabel
+    },
+    alias: {
+      label: translations?.profile.address.publicNameTag,
+      value: alias,
+      hideLabel: hideAliasPrefixInHover
+    }
+  };
+  const checksumAddress = convertCheckSum(cfxAddress);
+  const cfxAddressLabel = typeof cfxAddress === "string" && !isFull ? shortenAddress(checksumAddress) : checksumAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex", children: [
+    prefix,
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        tag: "span",
+        hoverValue: /* @__PURE__ */ jsxs(Fragment, { children: [
+          renderTooltipContent(tooltipContent),
+          /* @__PURE__ */ jsx("div", { children: hoverValue || checksumAddress })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Wrapper,
+          {
+            className: "block relative align-bottom cursor-default truncate",
+            style: { ...defaultStyle, ...style },
+            ...href ? { href: String(href) } : {},
+            children: name || cfxAddressLabel
+          }
+        )
+      }
+    ),
+    suffix
+  ] });
+};
+
+export {
+  RenderAddress
+};
+//# sourceMappingURL=chunk-73IFRWHE.js.map

package/dist/chunk-73IFRWHE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AddressContainer/addressView.tsx"],"sourcesContent":["import { Translation } from 'react-i18next';\nimport { Text } from '../Text';\nimport { convertCheckSum } from '../../utils/address';\nimport { getTranslations } from '../../store';\nimport { TooltipContent, RenderAddressProps } from './types';\nimport { shortenAddress } from '@cfx-kit/dapp-utils/dist/address';\n\nconst defaultPCMaxWidth = 138;\n\n// common\nconst renderTooltipContent = (tooltipContent: TooltipContent) => {\n  return Object.entries(tooltipContent)\n    .map(([key, { label, value, hideLabel }]) => {\n      if (value) {\n        return (\n          <div key={key}>\n            {!hideLabel && (\n              <span>\n                <Translation>{t => t(label)}</Translation>\n              </span>\n            )}\n            {value}\n          </div>\n        );\n      }\n      return null;\n    })\n    .filter(Boolean);\n};\n\n// common\nconst convertLink = ({\n  link,\n  type,\n  hrefAddress,\n  cfxAddress,\n}: RenderAddressProps) => {\n  if (typeof link === 'string') {\n    return link;\n  }\n  if (link === false) {\n    return false;\n  }\n\n  const address = hrefAddress || cfxAddress;\n\n  if (address && typeof address === 'string') {\n    const pathname = window.location.pathname.toLowerCase();\n    const addressLower = address.toLowerCase();\n    if (pathname.includes('/address/' + addressLower)) {\n      return false;\n    }\n\n    if (type === 'pow') {\n      return `/address/${address}`;\n    }\n\n    if (type === 'pos') {\n      return `/pos/accounts/${address}`;\n    }\n  }\n\n  return false;\n};\n\n// common\nexport const RenderAddress = ({\n  cfxAddress,\n  alias,\n  hoverValue,\n  hrefAddress,\n  content,\n  link = '',\n  isFull = false,\n  isFullNameTag = false,\n  style = {},\n  maxWidth,\n  prefix = null,\n  suffix = null,\n  type = 'pow',\n  addressLabel = '',\n  ENSLabel = '',\n  nametag = '',\n  hideAliasPrefixInHover = false,\n}: RenderAddressProps) => {\n  const translations = getTranslations();\n\n  const name = content || ENSLabel || nametag || addressLabel || alias;\n\n  const defaultStyle = {\n    maxWidth: `${(name && isFullNameTag) || isFull ? 'auto' : (maxWidth || defaultPCMaxWidth) + 'px'}`,\n  };\n\n  const href = convertLink({ link, type, hrefAddress, cfxAddress });\n\n  const Wrapper = href ? 'a' : 'div';\n\n  const tooltipContent: TooltipContent = {\n    ENSLabel: {\n      label: (translations as any)?.ens?.tip,\n      value: ENSLabel,\n    },\n    nametag: {\n      label: translations?.nametag?.tip,\n      value: nametag,\n    },\n    addressLabel: {\n      label: translations?.profile.address.myNameTag,\n      value: addressLabel,\n    },\n    alias: {\n      label: translations?.profile.address.publicNameTag,\n      value: alias,\n      hideLabel: hideAliasPrefixInHover,\n    },\n  };\n\n  const checksumAddress = convertCheckSum(cfxAddress);\n\n  const cfxAddressLabel =\n    typeof cfxAddress === 'string' && !isFull\n      ? shortenAddress(checksumAddress!)\n      : checksumAddress;\n\n  return (\n    <div className=\"inline-flex\">\n      {prefix}\n      <Text\n        tag=\"span\"\n        hoverValue={\n          <>\n            {renderTooltipContent(tooltipContent)}\n            <div>{hoverValue || checksumAddress}</div>\n          </>\n        }\n      >\n        <Wrapper\n          className=\"block relative align-bottom cursor-default truncate\"\n          style={{ ...defaultStyle, ...style }}\n          {...(href ? { href: String(href) } : {})}\n        >\n          {name || cfxAddressLabel}\n        </Wrapper>\n      </Text>\n      {suffix}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,mBAAmB;AAK5B,SAAS,sBAAsB;AAUrB,SAmHA,UAhHM,KAHN;AARV,IAAM,oBAAoB;AAG1B,IAAM,uBAAuB,CAAC,mBAAmC;AAC/D,SAAO,OAAO,QAAQ,cAAc,EACjC,IAAI,CAAC,CAAC,KAAK,EAAE,OAAO,OAAO,UAAU,CAAC,MAAM;AAC3C,QAAI,OAAO;AACT,aACE,qBAAC,SACE;AAAA,SAAC,aACA,oBAAC,UACC,8BAAC,eAAa,iBAAK,EAAE,KAAK,GAAE,GAC9B;AAAA,QAED;AAAA,WANO,GAOV;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;AAGA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AACA,MAAI,SAAS,OAAO;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,eAAe;AAE/B,MAAI,WAAW,OAAO,YAAY,UAAU;AAC1C,UAAM,WAAW,OAAO,SAAS,SAAS,YAAY;AACtD,UAAM,eAAe,QAAQ,YAAY;AACzC,QAAI,SAAS,SAAS,cAAc,YAAY,GAAG;AACjD,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,OAAO;AAClB,aAAO,YAAY;AAAA,IACrB;AAEA,QAAI,SAAS,OAAO;AAClB,aAAO,iBAAiB;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO;AACT;AAGO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU;AAAA,EACV,yBAAyB;AAC3B,MAA0B;AACxB,QAAM,eAAe,gBAAgB;AAErC,QAAM,OAAO,WAAW,YAAY,WAAW,gBAAgB;AAE/D,QAAM,eAAe;AAAA,IACnB,UAAU,GAAI,QAAQ,iBAAkB,SAAS,UAAU,YAAY,qBAAqB;AAAA,EAC9F;AAEA,QAAM,OAAO,YAAY,EAAE,MAAM,MAAM,aAAa,WAAW,CAAC;AAEhE,QAAM,UAAU,OAAO,MAAM;AAE7B,QAAM,iBAAiC;AAAA,IACrC,UAAU;AAAA,MACR,OAAQ,cAAsB,KAAK;AAAA,MACnC,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,OAAO,cAAc,SAAS;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACL,OAAO,cAAc,QAAQ,QAAQ;AAAA,MACrC,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,kBAAkB,gBAAgB,UAAU;AAElD,QAAM,kBACJ,OAAO,eAAe,YAAY,CAAC,SAC/B,eAAe,eAAgB,IAC/B;AAEN,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,YACE,iCACG;AAAA,+BAAqB,cAAc;AAAA,UACpC,oBAAC,SAAK,wBAAc,iBAAgB;AAAA,WACtC;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,GAAG,cAAc,GAAG,MAAM;AAAA,YAClC,GAAI,OAAO,EAAE,MAAM,OAAO,IAAI,EAAE,IAAI,CAAC;AAAA,YAErC,kBAAQ;AAAA;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}