@cfxjs/sirius-next-common 0.0.0

package/dist/chunk-KK7XFZMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { PropsWithChildren, MouseEvent } from 'react';\nimport { Link as RouterLink, useHistory } from 'react-router-dom';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  href: string;\n  state?: any; // Consider typing this more strictly if possible\n}\n\nexport const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n  ({ className, href, children, state, ...others }) => {\n    const history = useHistory();\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n\n      if (!href) return;\n\n      if (/^http/.test(href)) {\n        window.open(href, '_blank', 'noopener,noreferrer');\n      } else if (e.metaKey || e.ctrlKey) {\n        window.open(`${window.location.origin}${href}`, '_blank');\n      } else {\n        history.push({\n          pathname: href,\n          state: state,\n        });\n      }\n    };\n\n    if (/^http/.test(href)) {\n      return (\n        <a className={className} href={href} onClick={handleClick} {...others}>\n          {children}\n        </a>\n      );\n    } else {\n      return (\n        <RouterLink\n          className={className}\n          to={{\n            pathname: href,\n            state: state,\n          }}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </RouterLink>\n      );\n    }\n  },\n);\n\n// react-router-dom v6\n// import React, { PropsWithChildren, MouseEvent } from 'react';\n// import { Link as RouterLink, useNavigate } from 'react-router-dom';\n\n// interface LinkProps {\n//   className: string;\n//   href: string;\n//   state?: any;\n// }\n\n// export const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n//   ({ className, href, children, state, ...others }) => {\n//     const navigate = useNavigate();\n\n//     const handleClick = (e: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\n//       e.preventDefault();\n\n//       if (!href) return;\n\n//       if (/^http/.test(href)) {\n//         window.open(href, '_blank', 'noopener,noreferrer');\n//       } else if (e.metaKey || e.ctrlKey) {\n//         window.open(`${window.location.origin}${href}`, '_blank');\n//       } else {\n//         navigate(href, { state });\n//       }\n//     };\n\n//     if (/^http/.test(href)) {\n//       return (\n//         <a href={href} onClick={handleClick} {...others}>\n//           {children}\n//         </a>\n//       );\n//     } else {\n//       return (\n//         <RouterLink className={className} to={href} state={state} onClick={handleClick} {...others}>\n//           {children}\n//         </RouterLink>\n//       );\n//     }\n//   }\n// );\n"],"mappings":";AAAA,OAAO,WAA8C;AACrD,SAAS,QAAQ,YAAY,kBAAkB;AA+BvC;AAvBD,IAAM,OAA+C,MAAM;AAAA,EAChE,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,GAAG,OAAO,MAAM;AACnD,UAAM,UAAU,WAAW;AAE3B,UAAM,cAAc,CAAC,MAAqC;AACxD,QAAE,eAAe;AAEjB,UAAI,CAAC;AAAM;AAEX,UAAI,QAAQ,KAAK,IAAI,GAAG;AACtB,eAAO,KAAK,MAAM,UAAU,qBAAqB;AAAA,MACnD,WAAW,EAAE,WAAW,EAAE,SAAS;AACjC,eAAO,KAAK,GAAG,OAAO,SAAS,MAAM,GAAG,IAAI,IAAI,QAAQ;AAAA,MAC1D,OAAO;AACL,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,QAAI,QAAQ,KAAK,IAAI,GAAG;AACtB,aACE,oBAAC,OAAE,WAAsB,MAAY,SAAS,aAAc,GAAG,QAC5D,UACH;AAAA,IAEJ,OAAO;AACL,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,YACF,UAAU;AAAA,YACV;AAAA,UACF;AAAA,UACA,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-KKIH2YPS.js

@@ -0,0 +1,27 @@
+import {
+  Link
+} from "./chunk-AGT5MA6S.js";
+import {
+  useI18n
+} from "./chunk-F2UNHDUR.js";
+
+// src/components/Charts/PreviewTitle.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Title = ({ header }) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-4 pr-5 pb-0 pl-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[16px] text-[#26244B] ", children: header.title.text }),
+      /* @__PURE__ */ jsx("div", { className: "text-[14px] text-[#74798C]", children: header.subtitle.text })
+    ] }),
+    /* @__PURE__ */ jsx(Link, { className: "shrink-0", href: header?.breadcrumb?.[1]?.path || "/", children: t(translations.highcharts.preview.viewDetail) })
+  ] });
+};
+var PreviewTitle_default = Title;
+
+export {
+  PreviewTitle_default
+};
+//# sourceMappingURL=chunk-KKIH2YPS.js.map

package/dist/chunk-KKIH2YPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Charts/PreviewTitle.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useI18n } from '../../store';\nimport { Link } from '../Link';\ninterface headerType {\n  title: { text: string };\n  subtitle: { text: string };\n  breadcrumb: { name: string; path: string }[];\n}\nconst Title = ({ header }: { header: headerType }) => {\n  const { t } = useTranslation();\n  const { translations } = useI18n();\n\n  return (\n    <div className=\"flex items-start justify-between pt-4 pr-5 pb-0 pl-5\">\n      <div>\n        <div className=\"text-[16px] text-[#26244B] \">{header.title.text}</div>\n        <div className=\"text-[14px] text-[#74798C]\">{header.subtitle.text}</div>\n      </div>\n      <Link className=\"shrink-0\" href={header?.breadcrumb?.[1]?.path || '/'}>\n        {t(translations.highcharts.preview.viewDetail)}\n      </Link>\n    </div>\n  );\n};\n\nexport default Title;\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAsB;AAczB,SACE,KADF;AANN,IAAM,QAAQ,CAAC,EAAE,OAAO,MAA8B;AACpD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,aAAa,IAAI,QAAQ;AAEjC,SACE,qBAAC,SAAI,WAAU,wDACb;AAAA,yBAAC,SACC;AAAA,0BAAC,SAAI,WAAU,+BAA+B,iBAAO,MAAM,MAAK;AAAA,MAChE,oBAAC,SAAI,WAAU,8BAA8B,iBAAO,SAAS,MAAK;AAAA,OACpE;AAAA,IACA,oBAAC,QAAK,WAAU,YAAW,MAAM,QAAQ,aAAa,CAAC,GAAG,QAAQ,KAC/D,YAAE,aAAa,WAAW,QAAQ,UAAU,GAC/C;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-KMV3NISR.js

@@ -0,0 +1,65 @@
+import {
+  scope
+} from "./chunk-P5STBOCR.js";
+import {
+  useI18n
+} from "./chunk-4V7MBDIS.js";
+
+// src/components/Charts/ChartOptions.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChartOptions = ({
+  intervalScope,
+  intervalType,
+  limit,
+  onCombination
+}) => {
+  const { t } = useTranslation();
+  const { translations } = useI18n();
+  const intervalScopeDefault = intervalScope || { day: scope.day };
+  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),
+        ":"
+      ] }),
+      Object.keys(intervalScopeDefault).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-KMV3NISR.js.map

package/dist/chunk-KMV3NISR.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 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  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        {Object.keys(intervalScopeDefault).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;AAgBvB,SAOI,KAPJ;AAZR,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;AAC/D,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,OAAO,KAAK,oBAAoB,EAAE,IAAI,CAAC,GAAG,MAAM;AAC/C,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,cAAc;AAAA,YAElE,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,cAAc;AAAA,YAErE,YAAE;AAAA;AAAA,UAJE,eAAe;AAAA,QAKtB;AAAA,MAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-KSSYWOD6.js

@@ -0,0 +1,93 @@
+import {
+  publishRequestError
+} from "./chunk-4LQWWDGW.js";
+
+// src/utils/request.ts
+import qs from "qs";
+var TIMEOUT_TIMESTAMP = 6e4;
+var checkStatus = (response) => {
+  if (response.status >= 200 && response.status < 300 || response.status === 600) {
+    return response;
+  } else {
+    const error = new Error(response.statusText);
+    error.name = "HttpError";
+    error.status = response.status;
+    error.response = response;
+    throw error;
+  }
+};
+var parseJSON = async (response) => {
+  const contentType = response.headers.get("content-type");
+  if (contentType && contentType.includes("application/json")) {
+    return response.json();
+  } else {
+    return response;
+  }
+};
+var fetchWithAbort = (url, options = {}) => {
+  const controller = new AbortController();
+  const opts = { ...options, signal: controller.signal };
+  const timeout = options.timeout || TIMEOUT_TIMESTAMP;
+  let timeoutId;
+  const promise = new Promise((resolve, reject) => {
+    timeoutId = setTimeout(() => {
+      controller.abort();
+      publishRequestError(
+        { url, code: 408, message: "Request timeout" },
+        "http"
+      );
+      reject(new Error("Request timeout"));
+    }, timeout);
+    window.fetch(url, opts).then(checkStatus).then(parseJSON).then((data) => resolve(data)).catch((error) => {
+      if (error.name === "AbortError") {
+        publishRequestError(
+          { url, code: 0, message: "Fetch aborted" },
+          "http"
+        );
+        reject(new Error("Fetch aborted"));
+      } else {
+        publishRequestError(
+          { url, code: error.status, message: error.message },
+          "http"
+        );
+        reject(error);
+      }
+    }).finally(() => clearTimeout(timeoutId));
+  });
+  return {
+    promise,
+    abort: () => {
+      clearTimeout(timeoutId);
+      controller.abort();
+    }
+  };
+};
+var fetch = (url, options = {}) => {
+  const { promise } = fetchWithAbort(url, options);
+  return promise;
+};
+var sendRequestChart = async (config) => {
+  try {
+    const res = await fetch(
+      `${config.url}?${qs.stringify(config.query)}`,
+      {
+        method: config.type || "GET",
+        body: config.body,
+        headers: config.headers,
+        signal: config.signal
+      }
+    );
+    const data = res.data || res.result || {};
+    data.list = [...data.list || []].reverse();
+    return data;
+  } catch (error) {
+    console.error("Request failed", error);
+    throw error;
+  }
+};
+
+export {
+  fetch,
+  sendRequestChart
+};
+//# sourceMappingURL=chunk-KSSYWOD6.js.map

package/dist/chunk-KSSYWOD6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/request.ts"],"sourcesContent":["import qs from 'qs';\nimport { publishRequestError } from './index';\n\ninterface FetchWithAbortType<T> {\n  promise: Promise<T>;\n  abort: () => void;\n}\n\ninterface FetchOptions extends RequestInit {\n  timeout?: number;\n}\n\nconst TIMEOUT_TIMESTAMP = 60000;\n\nconst checkStatus = (response: Response) => {\n  if (\n    (response.status >= 200 && response.status < 300) ||\n    response.status === 600\n  ) {\n    return response;\n  } else {\n    const error = new Error(response.statusText);\n    error.name = 'HttpError';\n    (error as any).status = response.status;\n    (error as any).response = response;\n    throw error;\n  }\n};\n\nconst parseJSON = async (response: Response) => {\n  const contentType = response.headers.get('content-type');\n  if (contentType && contentType.includes('application/json')) {\n    return response.json();\n  } else {\n    return response;\n  }\n};\n\nconst fetchWithAbort = <T>(\n  url: string,\n  options: FetchOptions = {},\n): FetchWithAbortType<T> => {\n  const controller = new AbortController();\n  const opts: FetchOptions = { ...options, signal: controller.signal };\n  const timeout = options.timeout || TIMEOUT_TIMESTAMP;\n\n  let timeoutId: ReturnType<typeof setTimeout>;\n  const promise: Promise<T> = new Promise((resolve, reject) => {\n    timeoutId = setTimeout(() => {\n      controller.abort();\n      publishRequestError(\n        { url, code: 408, message: 'Request timeout' },\n        'http',\n      );\n      reject(new Error('Request timeout'));\n    }, timeout);\n\n    window\n      .fetch(url, opts)\n      .then(checkStatus)\n      .then(parseJSON)\n      .then(data => resolve(data as T))\n      .catch(error => {\n        if (error.name === 'AbortError') {\n          publishRequestError(\n            { url, code: 0, message: 'Fetch aborted' },\n            'http',\n          );\n          reject(new Error('Fetch aborted'));\n        } else {\n          publishRequestError(\n            { url, code: (error as any).status, message: error.message },\n            'http',\n          );\n          reject(error);\n        }\n      })\n      .finally(() => clearTimeout(timeoutId));\n  });\n\n  return {\n    promise,\n    abort: () => {\n      clearTimeout(timeoutId);\n      controller.abort();\n    },\n  };\n};\n\nexport const fetch = <T>(\n  url: string,\n  options: FetchOptions = {},\n): Promise<T> => {\n  const { promise } = fetchWithAbort<T>(url, options);\n  return promise;\n};\n\ntype RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';\ninterface QueryParams {\n  [key: string]: string;\n}\ninterface Config {\n  url: string;\n  query: QueryParams;\n  type?: RequestMethod;\n  body?: any;\n  headers?: Headers;\n  signal?: AbortSignal;\n}\n\ninterface CustomResponse {\n  code: number;\n  data: any;\n  result: any;\n  message: string;\n  status: string;\n}\nexport const sendRequestChart = async (config: Config) => {\n  try {\n    const res: CustomResponse = await fetch(\n      `${config.url}?${qs.stringify(config.query)}`,\n      {\n        method: config.type || 'GET',\n        body: config.body,\n        headers: config.headers,\n        signal: config.signal,\n      },\n    );\n    const data = res.data || res.result || {};\n    data.list = [...(data.list || [])].reverse();\n    return data;\n  } catch (error) {\n    console.error('Request failed', error);\n    throw error;\n  }\n};\n"],"mappings":";;;;;AAAA,OAAO,QAAQ;AAYf,IAAM,oBAAoB;AAE1B,IAAM,cAAc,CAAC,aAAuB;AAC1C,MACG,SAAS,UAAU,OAAO,SAAS,SAAS,OAC7C,SAAS,WAAW,KACpB;AACA,WAAO;AAAA,EACT,OAAO;AACL,UAAM,QAAQ,IAAI,MAAM,SAAS,UAAU;AAC3C,UAAM,OAAO;AACb,IAAC,MAAc,SAAS,SAAS;AACjC,IAAC,MAAc,WAAW;AAC1B,UAAM;AAAA,EACR;AACF;AAEA,IAAM,YAAY,OAAO,aAAuB;AAC9C,QAAM,cAAc,SAAS,QAAQ,IAAI,cAAc;AACvD,MAAI,eAAe,YAAY,SAAS,kBAAkB,GAAG;AAC3D,WAAO,SAAS,KAAK;AAAA,EACvB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEA,IAAM,iBAAiB,CACrB,KACA,UAAwB,CAAC,MACC;AAC1B,QAAM,aAAa,IAAI,gBAAgB;AACvC,QAAM,OAAqB,EAAE,GAAG,SAAS,QAAQ,WAAW,OAAO;AACnE,QAAM,UAAU,QAAQ,WAAW;AAEnC,MAAI;AACJ,QAAM,UAAsB,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC3D,gBAAY,WAAW,MAAM;AAC3B,iBAAW,MAAM;AACjB;AAAA,QACE,EAAE,KAAK,MAAM,KAAK,SAAS,kBAAkB;AAAA,QAC7C;AAAA,MACF;AACA,aAAO,IAAI,MAAM,iBAAiB,CAAC;AAAA,IACrC,GAAG,OAAO;AAEV,WACG,MAAM,KAAK,IAAI,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,UAAQ,QAAQ,IAAS,CAAC,EAC/B,MAAM,WAAS;AACd,UAAI,MAAM,SAAS,cAAc;AAC/B;AAAA,UACE,EAAE,KAAK,MAAM,GAAG,SAAS,gBAAgB;AAAA,UACzC;AAAA,QACF;AACA,eAAO,IAAI,MAAM,eAAe,CAAC;AAAA,MACnC,OAAO;AACL;AAAA,UACE,EAAE,KAAK,MAAO,MAAc,QAAQ,SAAS,MAAM,QAAQ;AAAA,UAC3D;AAAA,QACF;AACA,eAAO,KAAK;AAAA,MACd;AAAA,IACF,CAAC,EACA,QAAQ,MAAM,aAAa,SAAS,CAAC;AAAA,EAC1C,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,OAAO,MAAM;AACX,mBAAa,SAAS;AACtB,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF;AACF;AAEO,IAAM,QAAQ,CACnB,KACA,UAAwB,CAAC,MACV;AACf,QAAM,EAAE,QAAQ,IAAI,eAAkB,KAAK,OAAO;AAClD,SAAO;AACT;AAsBO,IAAM,mBAAmB,OAAO,WAAmB;AACxD,MAAI;AACF,UAAM,MAAsB,MAAM;AAAA,MAChC,GAAG,OAAO,GAAG,IAAI,GAAG,UAAU,OAAO,KAAK,CAAC;AAAA,MAC3C;AAAA,QACE,QAAQ,OAAO,QAAQ;AAAA,QACvB,MAAM,OAAO;AAAA,QACb,SAAS,OAAO;AAAA,QAChB,QAAQ,OAAO;AAAA,MACjB;AAAA,IACF;AACA,UAAM,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC;AACxC,SAAK,OAAO,CAAC,GAAI,KAAK,QAAQ,CAAC,CAAE,EAAE,QAAQ;AAC3C,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,kBAAkB,KAAK;AACrC,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/chunk-L2JESTXK.js

@@ -0,0 +1,62 @@
+import {
+  trackEvent
+} from "./chunk-IM77KPX5.js";
+
+// src/components/Link/index.tsx
+import React from "react";
+import { Link as RouterLink, useHistory } from "react-router-dom";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Link = React.memo(
+  ({ className, href, children, state, ga = null, afterClick, ...others }) => {
+    const history = useHistory();
+    const handleClick = (e) => {
+      e.preventDefault();
+      if (ga) {
+        trackEvent(ga);
+      }
+      console.log("href", href);
+      if (!href || href.startsWith("javascript:"))
+        return;
+      if (/^http/.test(href)) {
+        window.open(href, "_blank", "noopener,noreferrer");
+      } else if (e.metaKey || e.ctrlKey) {
+        window.open(`${window.location.origin}${href}`, "_blank");
+      } else {
+        history.push(href, state);
+      }
+      afterClick?.();
+    };
+    console.log("href", href);
+    if (href && /^http/.test(href)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: clsx("link", className),
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    } else {
+      return /* @__PURE__ */ jsx(
+        RouterLink,
+        {
+          className: clsx("link", className),
+          to: {
+            pathname: href,
+            state
+          },
+          onClick: handleClick,
+          ...others,
+          children
+        }
+      );
+    }
+  }
+);
+
+export {
+  Link
+};
+//# sourceMappingURL=chunk-L2JESTXK.js.map

package/dist/chunk-L2JESTXK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { PropsWithChildren, MouseEvent } from 'react';\nimport { Link as RouterLink, useHistory } from 'react-router-dom';\nimport { TrackEventParams, trackEvent } from '../../utils/ga';\nimport clsx from 'clsx';\n\ninterface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string;\n  href?: string;\n  state?: any; // Consider typing this more strictly if possible\n  ga?: TrackEventParams;\n  afterClick?: VoidFunction;\n}\n\nexport const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n  ({ className, href, children, state, ga = null, afterClick, ...others }) => {\n    const history = useHistory();\n\n    const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      e.preventDefault();\n      if (ga) {\n        trackEvent(ga);\n      }\n      console.log('href', href);\n      if (!href || href.startsWith('javascript:')) return;\n\n      if (/^http/.test(href)) {\n        window.open(href, '_blank', 'noopener,noreferrer');\n      } else if (e.metaKey || e.ctrlKey) {\n        window.open(`${window.location.origin}${href}`, '_blank');\n      } else {\n        history.push(href, state);\n      }\n      afterClick?.();\n    };\n    console.log('href', href);\n    if (href && /^http/.test(href)) {\n      return (\n        <a\n          className={clsx('link', className)}\n          // href={href}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </a>\n      );\n    } else {\n      return (\n        <RouterLink\n          className={clsx('link', className)}\n          to={{\n            pathname: href,\n            state: state,\n          }}\n          onClick={handleClick}\n          {...others}\n        >\n          {children}\n        </RouterLink>\n      );\n    }\n  },\n);\n\n// react-router-dom v6\n// import React, { PropsWithChildren, MouseEvent } from 'react';\n// import { Link as RouterLink, useNavigate } from 'react-router-dom';\n\n// interface LinkProps {\n//   className: string;\n//   href: string;\n//   state?: any;\n// }\n\n// export const Link: React.FC<PropsWithChildren<LinkProps>> = React.memo(\n//   ({ className, href, children, state, ...others }) => {\n//     const navigate = useNavigate();\n\n//     const handleClick = (e: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\n//       e.preventDefault();\n\n//       if (!href) return;\n\n//       if (/^http/.test(href)) {\n//         window.open(href, '_blank', 'noopener,noreferrer');\n//       } else if (e.metaKey || e.ctrlKey) {\n//         window.open(`${window.location.origin}${href}`, '_blank');\n//       } else {\n//         navigate(href, { state });\n//       }\n//     };\n\n//     if (/^http/.test(href)) {\n//       return (\n//         <a href={href} onClick={handleClick} {...others}>\n//           {children}\n//         </a>\n//       );\n//     } else {\n//       return (\n//         <RouterLink className={className} to={href} state={state} onClick={handleClick} {...others}>\n//           {children}\n//         </RouterLink>\n//       );\n//     }\n//   }\n// );\n"],"mappings":";;;;;AAAA,OAAO,WAA8C;AACrD,SAAS,QAAQ,YAAY,kBAAkB;AAE/C,OAAO,UAAU;AAkCT;AAxBD,IAAM,OAA+C,MAAM;AAAA,EAChE,CAAC,EAAE,WAAW,MAAM,UAAU,OAAO,KAAK,MAAM,YAAY,GAAG,OAAO,MAAM;AAC1E,UAAM,UAAU,WAAW;AAE3B,UAAM,cAAc,CAAC,MAAqC;AACxD,QAAE,eAAe;AACjB,UAAI,IAAI;AACN,mBAAW,EAAE;AAAA,MACf;AACA,cAAQ,IAAI,QAAQ,IAAI;AACxB,UAAI,CAAC,QAAQ,KAAK,WAAW,aAAa;AAAG;AAE7C,UAAI,QAAQ,KAAK,IAAI,GAAG;AACtB,eAAO,KAAK,MAAM,UAAU,qBAAqB;AAAA,MACnD,WAAW,EAAE,WAAW,EAAE,SAAS;AACjC,eAAO,KAAK,GAAG,OAAO,SAAS,MAAM,GAAG,IAAI,IAAI,QAAQ;AAAA,MAC1D,OAAO;AACL,gBAAQ,KAAK,MAAM,KAAK;AAAA,MAC1B;AACA,mBAAa;AAAA,IACf;AACA,YAAQ,IAAI,QAAQ,IAAI;AACxB,QAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG;AAC9B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,QAAQ,SAAS;AAAA,UAEjC,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ,OAAO;AACL,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK,QAAQ,SAAS;AAAA,UACjC,IAAI;AAAA,YACF,UAAU;AAAA,YACV;AAAA,UACF;AAAA,UACA,SAAS;AAAA,UACR,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}