@cfxjs/sirius-next-common 0.1.21 → 0.1.23

package/dist/chunk-JHX3H65R.js

@@ -1,141 +0,0 @@
-import {
-  useENS
-} from "./chunk-REFSV5NA.js";
-import {
-  ContractAddress,
-  ContractCreatedAddress,
-  CoreHexAddress,
-  InvalidAddress,
-  MyAddress,
-  PosAddress
-} from "./chunk-BUTT2BZ7.js";
-import {
-  RenderAddress
-} from "./chunk-WADFLAWZ.js";
-import {
-  formatAddress,
-  isCoreAddress,
-  isCoreContractAddress,
-  isZeroAddress
-} from "./chunk-AWIN7RFI.js";
-import {
-  getLabelInfo
-} from "./chunk-SWBS6SO2.js";
-import {
-  getTranslations,
-  useGlobalData
-} from "./chunk-ERTKZU2B.js";
-
-// src/components/AddressContainer/CoreAddressContainer.tsx
-import { memo } from "react";
-import { withTranslation } from "react-i18next";
-import _ from "lodash";
-import { Fragment, jsx } from "react/jsx-runtime";
-var parseProps = (props, globalData) => {
-  const {
-    alias,
-    ensInfo,
-    t,
-    showAddressLabel,
-    showNametag,
-    nametagInfo,
-    showENSLabel
-  } = props;
-  const value = props.value || "";
-  const cfxAddress = formatAddress(value, "base32");
-  let ENSMap = ensInfo || {};
-  const translations = getTranslations();
-  let aliasLabel = alias;
-  if (!alias && isZeroAddress(cfxAddress)) {
-    aliasLabel = t(translations.general.zeroAddress);
-  }
-  let prefixIcon = null;
-  let officalNametag = null;
-  let addressLabel = null;
-  let ENSLabel = null;
-  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;
-  if (cfxAddress && showAddressLabel) {
-    const addressLabels = globalData?.["CONFLUX_SCAN_ADDRESS_LABELS" /* addressLabel */];
-    const gAddressLabel = addressLabels?.[cfxAddress];
-    if (gAddressLabel) {
-      const { label } = getLabelInfo(gAddressLabel, "tag");
-      addressLabel = label;
-    }
-  }
-  if (cfxAddress && showNametag) {
-    const nametags = nametagInfo?.[cfxAddress];
-    if (nametags) {
-      const nametag = nametags?.nametag ?? "";
-      const { label } = getLabelInfo(nametag, "nametag");
-      officalNametag = label;
-    }
-  }
-  if (showENSLabel && gENSLabel) {
-    const { label, icon } = getLabelInfo(gENSLabel, "ens");
-    ENSLabel = label;
-    prefixIcon = icon;
-  }
-  return {
-    alias: aliasLabel,
-    prefix: prefixIcon,
-    nametag: officalNametag,
-    addressLabel,
-    ENSLabel,
-    cfxAddress
-  };
-};
-var CoreAddressContainer = withTranslation()(
-  memo((props) => {
-    const { globalData } = useGlobalData();
-    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;
-    const { ens } = useENS(unnecessaryEns ? null : props.value);
-    if (!props.value && !props.contractCreated) {
-      return /* @__PURE__ */ jsx(Fragment, { children: "--" });
-    }
-    const defaultProps = {
-      isFull: false,
-      isFullNameTag: false,
-      link: true,
-      isMe: false,
-      showIcon: true,
-      verify: false,
-      showAddressLabel: true,
-      showENSLabel: true,
-      showNametag: true,
-      ensInfo: ens
-    };
-    const mergeDefaultProps = _.assign({}, defaultProps, props);
-    const mergeParseProps = _.merge(
-      {},
-      mergeDefaultProps,
-      parseProps(mergeDefaultProps, globalData)
-    );
-    if (mergeParseProps.isPosAddress) {
-      return PosAddress(mergeParseProps);
-    }
-    if (!mergeParseProps.value && mergeParseProps.contractCreated) {
-      return ContractCreatedAddress({
-        ...mergeParseProps,
-        outputType: "base32"
-      });
-    }
-    if (mergeParseProps.isEspaceAddress) {
-      return CoreHexAddress(mergeParseProps);
-    }
-    if (!isCoreAddress(mergeParseProps.value)) {
-      return InvalidAddress(mergeParseProps);
-    }
-    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {
-      return ContractAddress(mergeParseProps);
-    }
-    if (mergeParseProps.isMe) {
-      return MyAddress(mergeParseProps);
-    }
-    return RenderAddress(mergeParseProps);
-  })
-);
-
-export {
-  CoreAddressContainer
-};
-//# sourceMappingURL=chunk-JHX3H65R.js.map

package/dist/chunk-JHX3H65R.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AddressContainer/CoreAddressContainer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { WithTranslation, withTranslation } from 'react-i18next';\nimport _ from 'lodash';\nimport {\n  formatAddress,\n  isCoreAddress,\n  isCoreContractAddress,\n  isZeroAddress,\n  convertCheckSum,\n} from '../../utils/address';\nimport { useGlobalData, getTranslations } from '../../store';\nimport { LOCALSTORAGE_KEYS_MAP } from '../../utils/constants';\nimport { getLabelInfo } from './label';\nimport { useENS } from '../../utils/hooks/useENS';\n\nimport { RenderAddress } from './addressView';\nimport {\n  ContractCreatedAddress,\n  CoreHexAddress,\n  InvalidAddress,\n  ContractAddress,\n  MyAddress,\n  PosAddress,\n} from './addressSwitcher';\nimport { GlobalDataType } from 'src/store/types';\nimport { CoreAddressContainerProps } from './types';\n\nconst parseProps = (\n  props: CoreAddressContainerProps & WithTranslation,\n  globalData: GlobalDataType,\n) => {\n  const {\n    alias,\n    ensInfo,\n    t,\n    showAddressLabel,\n    showNametag,\n    nametagInfo,\n    showENSLabel,\n  } = props;\n  const value: string = props.value || '';\n  const cfxAddress = formatAddress(value, 'base32');\n\n  let ENSMap = ensInfo || {};\n\n  const translations = getTranslations();\n\n  let aliasLabel = alias;\n  if (!alias && isZeroAddress(cfxAddress)) {\n    aliasLabel = t(translations.general.zeroAddress);\n  }\n\n  let prefixIcon: React.ReactNode = null;\n  // official name tag\n  let officalNametag: React.ReactNode = null;\n  // private name tag\n  let addressLabel: React.ReactNode = null;\n  // ens name tag\n  let ENSLabel: React.ReactNode = null;\n  // global ens name tag\n  const gENSLabel = cfxAddress && ENSMap[cfxAddress]?.name;\n\n  if (cfxAddress && showAddressLabel) {\n    // global private name tag\n    const addressLabels = globalData?.[LOCALSTORAGE_KEYS_MAP.addressLabel];\n    const gAddressLabel = addressLabels?.[cfxAddress];\n\n    if (gAddressLabel) {\n      const { label } = getLabelInfo(gAddressLabel, 'tag');\n      addressLabel = label;\n    }\n  }\n\n  if (cfxAddress && showNametag) {\n    const nametags = nametagInfo?.[cfxAddress];\n\n    if (nametags) {\n      const nametag = nametags?.nametag ?? '';\n      const { label } = getLabelInfo(nametag, 'nametag');\n      officalNametag = label;\n    }\n  }\n\n  if (showENSLabel && gENSLabel) {\n    const { label, icon } = getLabelInfo(gENSLabel, 'ens');\n    ENSLabel = label;\n    prefixIcon = icon;\n  }\n\n  return {\n    alias: aliasLabel,\n    prefix: prefixIcon,\n    nametag: officalNametag,\n    addressLabel,\n    ENSLabel,\n    cfxAddress,\n  };\n};\n\nexport const CoreAddressContainer = withTranslation()(\n  memo((props: CoreAddressContainerProps & WithTranslation) => {\n    const { globalData } = useGlobalData();\n\n    // If the interface returns Ens content, there is no need to obtain it separately, or disable the display of Ens content (in most cases on the list page).\n    const unnecessaryEns = props.ensInfo || props.showENSLabel === false;\n    const { ens } = useENS(unnecessaryEns ? null : props.value);\n\n    // If a txn receipt has no 'to' address or 'contractCreated', show -- for temp\n    if (!props.value && !props.contractCreated) {\n      return <>--</>;\n    }\n\n    const defaultProps = {\n      isFull: false,\n      isFullNameTag: false,\n      link: true,\n      isMe: false,\n      showIcon: true,\n      verify: false,\n      showAddressLabel: true,\n      showENSLabel: true,\n      showNametag: true,\n      ensInfo: ens,\n    };\n\n    const mergeDefaultProps = _.assign({}, defaultProps, props);\n\n    const mergeParseProps = _.merge(\n      {},\n      mergeDefaultProps,\n      parseProps(mergeDefaultProps, globalData),\n    );\n\n    if (mergeParseProps.isPosAddress) {\n      return PosAddress(mergeParseProps);\n    }\n\n    if (!mergeParseProps.value && mergeParseProps.contractCreated) {\n      return ContractCreatedAddress({\n        ...mergeParseProps,\n        outputType: 'base32',\n      });\n    }\n\n    if (mergeParseProps.isEspaceAddress) {\n      return CoreHexAddress(mergeParseProps);\n    }\n\n    if (!isCoreAddress(mergeParseProps.value)) {\n      return InvalidAddress(mergeParseProps);\n    }\n\n    if (isCoreContractAddress(mergeParseProps.cfxAddress)) {\n      return ContractAddress(mergeParseProps);\n    }\n\n    if (mergeParseProps.isMe) {\n      return MyAddress(mergeParseProps);\n    }\n\n    return RenderAddress(mergeParseProps);\n  }),\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-JJNJ52CP.js

@@ -1,105 +0,0 @@
-import {
-  useBreakpoint
-} from "./chunk-TOKKKTFG.js";
-import {
-  Tooltip
-} from "./chunk-REWRUAXA.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: _maxWidth,
-    mobileMaxWidth = _maxWidth,
-    maxCount: _maxCount,
-    mobileMaxCount = _maxCount,
-    hoverValue,
-    hoverValueMaxCount: outerHoverValueMaxCount,
-    tag = "p",
-    type = "default",
-    hideTooltip = false,
-    ...props
-  }) => {
-    const Component = tag;
-    const bp = useBreakpoint();
-    let child = children;
-    const maxCount = bp === "s" ? mobileMaxCount : _maxCount;
-    const maxWidth = bp === "s" ? mobileMaxWidth : _maxWidth;
-    if (maxWidth === void 0 && maxCount && typeof children === "string" && children.length > maxCount) {
-      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-JJNJ52CP.js.map

package/dist/chunk-JJNJ52CP.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  mobileMaxWidth?: string;\n  maxCount?: number;\n  mobileMaxCount?: 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: _maxWidth,\n    mobileMaxWidth = _maxWidth,\n    maxCount: _maxCount,\n    mobileMaxCount = _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    const maxCount = bp === 's' ? mobileMaxCount : _maxCount;\n    const maxWidth = bp === 's' ? mobileMaxWidth : _maxWidth;\n    if (maxWidth === undefined && maxCount && typeof children === 'string' && children.length > maxCount) {\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;AAgFP;AArDV,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,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB;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,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,UAAM,WAAW,OAAO,MAAM,iBAAiB;AAC/C,QAAI,aAAa,UAAa,YAAY,OAAO,aAAa,YAAY,SAAS,SAAS,UAAU;AACpG,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-JOLQ3GZK.js

@@ -1,69 +0,0 @@
-import {
-  scope
-} from "./chunk-ILJFYWLB.js";
-import {
-  useI18n
-} from "./chunk-QKQG47IV.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-JOLQ3GZK.js.map

package/dist/chunk-JOLQ3GZK.js.map

@@ -1 +0,0 @@
-{"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":[]}