@cfxjs/sirius-next-common 0.1.37 → 0.1.39

package/dist/chunk-3RVRAMNW.js

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

package/dist/chunk-3RVRAMNW.js.map

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