@ktnpm_devops/react-component 0.13.1 → 0.15.0

package/dist/index53.cjs

@@ -2,150 +2,50 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const ReactECharts = require("echarts-for-react");
-const constants = require("./index59.cjs");
-const buildChartOption = require("./index91.cjs");
-const TemporalTrendChartCard_module = require("./index92.cjs");
-function TemporalTrendChartCard({
-  title,
-  data,
-  isLoading = false,
-  error,
-  onRetry,
-  onChartReady,
-  actions,
-  className,
-  groupBy,
-  groupOptions,
-  onGroupChange,
-  granularity,
-  granularityOptions,
-  onGranularityChange,
-  annotations = [],
-  referenceLines = [],
-  stacked = true,
-  hiddenSeries,
-  seriesOrder = "total",
-  showLegend = true,
-  onToggleLegend,
-  onSeriesSelect,
-  onSeriesToggle,
-  onBucketSelect,
-  maxSeries = constants.MAX_SERIES
-}) {
-  const seriesGroups = react.useMemo(
-    () => buildChartOption.groupByCategory(data, maxSeries, seriesOrder),
-    [data, maxSeries, seriesOrder]
-  );
-  const option = react.useMemo(
-    () => buildChartOption.buildTemporalTrendOption(seriesGroups, {
-      annotations,
-      referenceLines,
-      showLegend,
-      stacked,
-      hiddenSeries
-    }),
-    [seriesGroups, annotations, referenceLines, showLegend, stacked, hiddenSeries]
-  );
-  const handleChartReady = react.useCallback(
-    (instance) => {
-      onChartReady == null ? void 0 : onChartReady(instance);
-    },
-    [onChartReady]
-  );
-  const handleEvents = react.useMemo(() => {
-    const events = {};
-    if (onSeriesSelect || onSeriesToggle) {
-      events["legendselectchanged"] = (params) => {
-        var _a;
-        const p = params;
-        onSeriesSelect == null ? void 0 : onSeriesSelect(p.name);
-        onSeriesToggle == null ? void 0 : onSeriesToggle(p.name, ((_a = p.selected) == null ? void 0 : _a[p.name]) ?? true);
-      };
-    }
-    if (onBucketSelect) {
-      events["brushSelected"] = (params) => {
-        var _a, _b, _c;
-        const p = params;
-        const area = (_c = (_b = (_a = p.batch) == null ? void 0 : _a[0]) == null ? void 0 : _b.areas) == null ? void 0 : _c[0];
-        if (area) {
-          onBucketSelect({ start: area.coordRange[0], end: area.coordRange[1] });
-        }
-      };
-    }
-    return events;
-  }, [onSeriesSelect, onSeriesToggle, onBucketSelect]);
-  const hasToolbar = groupOptions || granularityOptions || onToggleLegend;
-  const hasData = data.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(TemporalTrendChartCard_module.default.root, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TemporalTrendChartCard_module.default.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: TemporalTrendChartCard_module.default.title, children: title }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TemporalTrendChartCard_module.default.headerRight, children: [
-        hasToolbar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TemporalTrendChartCard_module.default.toolbar, children: [
-          groupOptions && groupOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            "select",
-            {
-              className: TemporalTrendChartCard_module.default.select,
-              value: groupBy ?? "",
-              onChange: (e) => onGroupChange == null ? void 0 : onGroupChange(e.target.value),
-              "aria-label": "Group by",
-              children: groupOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
-            }
-          ),
-          granularityOptions && granularityOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            "select",
-            {
-              className: TemporalTrendChartCard_module.default.select,
-              value: granularity ?? "",
-              onChange: (e) => onGranularityChange == null ? void 0 : onGranularityChange(e.target.value || null),
-              "aria-label": "Granularity",
-              children: granularityOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
-            }
-          ),
-          onToggleLegend && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: clsx.clsx(
-                TemporalTrendChartCard_module.default.legendToggle,
-                showLegend && TemporalTrendChartCard_module.default.legendToggleActive
-              ),
-              onClick: onToggleLegend,
-              "aria-label": "Toggle legend",
-              children: "Legend"
-            }
-          )
-        ] }),
-        actions
-      ] })
-    ] }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TemporalTrendChartCard_module.default.loading, children: "Loading chart data..." }),
-    !isLoading && error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TemporalTrendChartCard_module.default.error, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error }),
-      onRetry && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: TemporalTrendChartCard_module.default.retryButton,
-          onClick: onRetry,
-          children: "Retry"
-        }
-      )
-    ] }),
-    !isLoading && !error && !hasData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TemporalTrendChartCard_module.default.empty, children: "No data available" }),
-    !isLoading && !error && hasData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TemporalTrendChartCard_module.default.chartContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ReactECharts,
+const clsx = require("./index59.cjs");
+const StatCard_module = require("./index97.cjs");
+const StatCard = react.forwardRef(
+  ({
+    label,
+    value,
+    sub,
+    variant = "default",
+    clickable = false,
+    active = false,
+    className,
+    onKeyDown,
+    ...props
+  }, ref) => {
+    const handleKeyDown = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (clickable && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        event.currentTarget.click();
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        option,
-        style: { height: "100%", minHeight: "18.75rem" },
-        onChartReady: handleChartReady,
-        onEvents: handleEvents,
-        notMerge: true
+        ref,
+        className: clsx.clsx(
+          StatCard_module.default.root,
+          clickable && StatCard_module.default.isClick,
+          active && StatCard_module.default.isActive,
+          className
+        ),
+        role: clickable ? "button" : void 0,
+        tabIndex: clickable ? 0 : void 0,
+        onKeyDown: handleKeyDown,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: StatCard_module.default.label, children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(StatCard_module.default.value, variant !== "default" && StatCard_module.default[variant]), children: value }),
+          sub != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: StatCard_module.default.sub, children: sub })
+        ]
       }
-    ) })
-  ] });
-}
-TemporalTrendChartCard.displayName = "TemporalTrendChartCard";
-exports.TemporalTrendChartCard = TemporalTrendChartCard;
+    );
+  }
+);
+StatCard.displayName = "StatCard";
+exports.StatCard = StatCard;
 //# sourceMappingURL=index53.cjs.map

package/dist/index53.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index53.cjs","sources":["../src/charts/TemporalTrendChartCard/TemporalTrendChartCard.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport clsx from 'clsx';\nimport ReactECharts from 'echarts-for-react';\nimport type { TemporalTrendChartCardProps } from './TemporalTrendChartCard.types';\nimport type { EChartsInstance } from '../../types/chart.types';\nimport { MAX_SERIES } from '../../constants';\nimport { groupByCategory, buildTemporalTrendOption } from './buildChartOption';\nimport styles from './TemporalTrendChartCard.module.css';\n\nexport function TemporalTrendChartCard({\n  title,\n  data,\n  isLoading = false,\n  error,\n  onRetry,\n  onChartReady,\n  actions,\n  className,\n  groupBy,\n  groupOptions,\n  onGroupChange,\n  granularity,\n  granularityOptions,\n  onGranularityChange,\n  annotations = [],\n  referenceLines = [],\n  stacked = true,\n  hiddenSeries,\n  seriesOrder = 'total',\n  showLegend = true,\n  onToggleLegend,\n  onSeriesSelect,\n  onSeriesToggle,\n  onBucketSelect,\n  maxSeries = MAX_SERIES,\n}: TemporalTrendChartCardProps) {\n  const seriesGroups = useMemo(\n    () => groupByCategory(data, maxSeries, seriesOrder),\n    [data, maxSeries, seriesOrder],\n  );\n\n  const option = useMemo(\n    () =>\n      buildTemporalTrendOption(seriesGroups, {\n        annotations,\n        referenceLines,\n        showLegend,\n        stacked,\n        hiddenSeries,\n      }),\n    [seriesGroups, annotations, referenceLines, showLegend, stacked, hiddenSeries],\n  );\n\n  const handleChartReady = useCallback(\n    (instance: EChartsInstance) => {\n      onChartReady?.(instance);\n    },\n    [onChartReady],\n  );\n\n  const handleEvents = useMemo(() => {\n    const events: Record<string, (...args: unknown[]) => void> = {};\n\n    if (onSeriesSelect || onSeriesToggle) {\n      events['legendselectchanged'] = (params: unknown) => {\n        const p = params as { name: string; selected?: Record<string, boolean> };\n        onSeriesSelect?.(p.name);\n        onSeriesToggle?.(p.name, p.selected?.[p.name] ?? true);\n      };\n    }\n\n    if (onBucketSelect) {\n      events['brushSelected'] = (params: unknown) => {\n        const p = params as {\n          batch: { areas: { coordRange: [string, string] }[] }[];\n        };\n        const area = p.batch?.[0]?.areas?.[0];\n        if (area) {\n          onBucketSelect({ start: area.coordRange[0], end: area.coordRange[1] });\n        }\n      };\n    }\n\n    return events;\n  }, [onSeriesSelect, onSeriesToggle, onBucketSelect]);\n\n  const hasToolbar = groupOptions || granularityOptions || onToggleLegend;\n  const hasData = data.length > 0;\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      <div className={styles.header}>\n        <span className={styles.title}>{title}</span>\n        <div className={styles.headerRight}>\n          {hasToolbar && (\n            <div className={styles.toolbar}>\n              {groupOptions && groupOptions.length > 0 && (\n                <select\n                  className={styles.select}\n                  value={groupBy ?? ''}\n                  onChange={(e) => onGroupChange?.(e.target.value)}\n                  aria-label=\"Group by\"\n                >\n                  {groupOptions.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ))}\n                </select>\n              )}\n              {granularityOptions && granularityOptions.length > 0 && (\n                <select\n                  className={styles.select}\n                  value={granularity ?? ''}\n                  onChange={(e) =>\n                    onGranularityChange?.(e.target.value || null)\n                  }\n                  aria-label=\"Granularity\"\n                >\n                  {granularityOptions.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ))}\n                </select>\n              )}\n              {onToggleLegend && (\n                <button\n                  type=\"button\"\n                  className={clsx(\n                    styles.legendToggle,\n                    showLegend && styles.legendToggleActive,\n                  )}\n                  onClick={onToggleLegend}\n                  aria-label=\"Toggle legend\"\n                >\n                  Legend\n                </button>\n              )}\n            </div>\n          )}\n          {actions}\n        </div>\n      </div>\n\n      {isLoading && <div className={styles.loading}>Loading chart data...</div>}\n\n      {!isLoading && error && (\n        <div className={styles.error}>\n          <span>{error}</span>\n          {onRetry && (\n            <button\n              type=\"button\"\n              className={styles.retryButton}\n              onClick={onRetry}\n            >\n              Retry\n            </button>\n          )}\n        </div>\n      )}\n\n      {!isLoading && !error && !hasData && (\n        <div className={styles.empty}>No data available</div>\n      )}\n\n      {!isLoading && !error && hasData && (\n        <div className={styles.chartContainer}>\n          <ReactECharts\n            option={option}\n            style={{ height: '100%', minHeight: '18.75rem' }}\n            onChartReady={handleChartReady}\n            onEvents={handleEvents}\n            notMerge\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nTemporalTrendChartCard.displayName = 'TemporalTrendChartCard';\n"],"names":["MAX_SERIES","useMemo","groupByCategory","buildTemporalTrendOption","useCallback","clsx","styles","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index53.cjs","sources":["../src/primitives/StatCard/StatCard.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { StatCardProps } from './StatCard.types';\nimport styles from './StatCard.module.css';\n\nexport const StatCard = forwardRef<HTMLDivElement, StatCardProps>(\n  (\n    {\n      label,\n      value,\n      sub,\n      variant = 'default',\n      clickable = false,\n      active = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (clickable && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        event.currentTarget.click();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          clickable && styles.isClick,\n          active && styles.isActive,\n          className,\n        )}\n        role={clickable ? 'button' : undefined}\n        tabIndex={clickable ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <div className={styles.label}>{label}</div>\n        <div className={clsx(styles.value, variant !== 'default' && styles[variant])}>{value}</div>\n        {sub != null && <div className={styles.sub}>{sub}</div>}\n      </div>\n    );\n  },\n);\n\nStatCard.displayName = 'StatCard';\n"],"names":["forwardRef","jsxs","clsx","styles","jsx"],"mappings":";;;;;;AAKO,MAAM,WAAWA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,gBAAgB,CAAC,UAA+C;AACpE,6CAAY;AACZ,UAAI,cAAc,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AAC7D,cAAM,eAAA;AACN,cAAM,cAAc,MAAA;AAAA,MACtB;AAAA,IACF;AAEA,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,KAAAA;AAAAA,UACTC,gBAAAA,QAAO;AAAA,UACP,aAAaA,gBAAAA,QAAO;AAAA,UACpB,UAAUA,gBAAAA,QAAO;AAAA,UACjB;AAAA,QAAA;AAAA,QAEF,MAAM,YAAY,WAAW;AAAA,QAC7B,UAAU,YAAY,IAAI;AAAA,QAC1B,WAAW;AAAA,QACV,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,gBAAAA,QAAO,OAAQ,UAAA,OAAM;AAAA,UACrCC,2BAAAA,IAAC,OAAA,EAAI,WAAWF,KAAAA,KAAKC,gBAAAA,QAAO,OAAO,YAAY,aAAaA,gBAAAA,QAAO,OAAO,CAAC,GAAI,UAAA,MAAA,CAAM;AAAA,UACpF,OAAO,QAAQC,2BAAAA,IAAC,SAAI,WAAWD,wBAAO,KAAM,UAAA,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEA,SAAS,cAAc;;"}

package/dist/index53.js

@@ -1,151 +1,51 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
-import { clsx } from "./index57.js";
-import ReactECharts from "echarts-for-react";
-import { MAX_SERIES } from "./index59.js";
-import { groupByCategory, buildTemporalTrendOption } from "./index91.js";
-import styles from "./index92.js";
-function TemporalTrendChartCard({
-  title,
-  data,
-  isLoading = false,
-  error,
-  onRetry,
-  onChartReady,
-  actions,
-  className,
-  groupBy,
-  groupOptions,
-  onGroupChange,
-  granularity,
-  granularityOptions,
-  onGranularityChange,
-  annotations = [],
-  referenceLines = [],
-  stacked = true,
-  hiddenSeries,
-  seriesOrder = "total",
-  showLegend = true,
-  onToggleLegend,
-  onSeriesSelect,
-  onSeriesToggle,
-  onBucketSelect,
-  maxSeries = MAX_SERIES
-}) {
-  const seriesGroups = useMemo(
-    () => groupByCategory(data, maxSeries, seriesOrder),
-    [data, maxSeries, seriesOrder]
-  );
-  const option = useMemo(
-    () => buildTemporalTrendOption(seriesGroups, {
-      annotations,
-      referenceLines,
-      showLegend,
-      stacked,
-      hiddenSeries
-    }),
-    [seriesGroups, annotations, referenceLines, showLegend, stacked, hiddenSeries]
-  );
-  const handleChartReady = useCallback(
-    (instance) => {
-      onChartReady == null ? void 0 : onChartReady(instance);
-    },
-    [onChartReady]
-  );
-  const handleEvents = useMemo(() => {
-    const events = {};
-    if (onSeriesSelect || onSeriesToggle) {
-      events["legendselectchanged"] = (params) => {
-        var _a;
-        const p = params;
-        onSeriesSelect == null ? void 0 : onSeriesSelect(p.name);
-        onSeriesToggle == null ? void 0 : onSeriesToggle(p.name, ((_a = p.selected) == null ? void 0 : _a[p.name]) ?? true);
-      };
-    }
-    if (onBucketSelect) {
-      events["brushSelected"] = (params) => {
-        var _a, _b, _c;
-        const p = params;
-        const area = (_c = (_b = (_a = p.batch) == null ? void 0 : _a[0]) == null ? void 0 : _b.areas) == null ? void 0 : _c[0];
-        if (area) {
-          onBucketSelect({ start: area.coordRange[0], end: area.coordRange[1] });
-        }
-      };
-    }
-    return events;
-  }, [onSeriesSelect, onSeriesToggle, onBucketSelect]);
-  const hasToolbar = groupOptions || granularityOptions || onToggleLegend;
-  const hasData = data.length > 0;
-  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx("span", { className: styles.title, children: title }),
-      /* @__PURE__ */ jsxs("div", { className: styles.headerRight, children: [
-        hasToolbar && /* @__PURE__ */ jsxs("div", { className: styles.toolbar, children: [
-          groupOptions && groupOptions.length > 0 && /* @__PURE__ */ jsx(
-            "select",
-            {
-              className: styles.select,
-              value: groupBy ?? "",
-              onChange: (e) => onGroupChange == null ? void 0 : onGroupChange(e.target.value),
-              "aria-label": "Group by",
-              children: groupOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-            }
-          ),
-          granularityOptions && granularityOptions.length > 0 && /* @__PURE__ */ jsx(
-            "select",
-            {
-              className: styles.select,
-              value: granularity ?? "",
-              onChange: (e) => onGranularityChange == null ? void 0 : onGranularityChange(e.target.value || null),
-              "aria-label": "Granularity",
-              children: granularityOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-            }
-          ),
-          onToggleLegend && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: clsx(
-                styles.legendToggle,
-                showLegend && styles.legendToggleActive
-              ),
-              onClick: onToggleLegend,
-              "aria-label": "Toggle legend",
-              children: "Legend"
-            }
-          )
-        ] }),
-        actions
-      ] })
-    ] }),
-    isLoading && /* @__PURE__ */ jsx("div", { className: styles.loading, children: "Loading chart data..." }),
-    !isLoading && error && /* @__PURE__ */ jsxs("div", { className: styles.error, children: [
-      /* @__PURE__ */ jsx("span", { children: error }),
-      onRetry && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: styles.retryButton,
-          onClick: onRetry,
-          children: "Retry"
-        }
-      )
-    ] }),
-    !isLoading && !error && !hasData && /* @__PURE__ */ jsx("div", { className: styles.empty, children: "No data available" }),
-    !isLoading && !error && hasData && /* @__PURE__ */ jsx("div", { className: styles.chartContainer, children: /* @__PURE__ */ jsx(
-      ReactECharts,
+import { forwardRef } from "react";
+import { clsx } from "./index59.js";
+import styles from "./index97.js";
+const StatCard = forwardRef(
+  ({
+    label,
+    value,
+    sub,
+    variant = "default",
+    clickable = false,
+    active = false,
+    className,
+    onKeyDown,
+    ...props
+  }, ref) => {
+    const handleKeyDown = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (clickable && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        event.currentTarget.click();
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
       {
-        option,
-        style: { height: "100%", minHeight: "18.75rem" },
-        onChartReady: handleChartReady,
-        onEvents: handleEvents,
-        notMerge: true
+        ref,
+        className: clsx(
+          styles.root,
+          clickable && styles.isClick,
+          active && styles.isActive,
+          className
+        ),
+        role: clickable ? "button" : void 0,
+        tabIndex: clickable ? 0 : void 0,
+        onKeyDown: handleKeyDown,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: styles.label, children: label }),
+          /* @__PURE__ */ jsx("div", { className: clsx(styles.value, variant !== "default" && styles[variant]), children: value }),
+          sub != null && /* @__PURE__ */ jsx("div", { className: styles.sub, children: sub })
+        ]
       }
-    ) })
-  ] });
-}
-TemporalTrendChartCard.displayName = "TemporalTrendChartCard";
+    );
+  }
+);
+StatCard.displayName = "StatCard";
 export {
-  TemporalTrendChartCard
+  StatCard
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/charts/TemporalTrendChartCard/TemporalTrendChartCard.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport clsx from 'clsx';\nimport ReactECharts from 'echarts-for-react';\nimport type { TemporalTrendChartCardProps } from './TemporalTrendChartCard.types';\nimport type { EChartsInstance } from '../../types/chart.types';\nimport { MAX_SERIES } from '../../constants';\nimport { groupByCategory, buildTemporalTrendOption } from './buildChartOption';\nimport styles from './TemporalTrendChartCard.module.css';\n\nexport function TemporalTrendChartCard({\n  title,\n  data,\n  isLoading = false,\n  error,\n  onRetry,\n  onChartReady,\n  actions,\n  className,\n  groupBy,\n  groupOptions,\n  onGroupChange,\n  granularity,\n  granularityOptions,\n  onGranularityChange,\n  annotations = [],\n  referenceLines = [],\n  stacked = true,\n  hiddenSeries,\n  seriesOrder = 'total',\n  showLegend = true,\n  onToggleLegend,\n  onSeriesSelect,\n  onSeriesToggle,\n  onBucketSelect,\n  maxSeries = MAX_SERIES,\n}: TemporalTrendChartCardProps) {\n  const seriesGroups = useMemo(\n    () => groupByCategory(data, maxSeries, seriesOrder),\n    [data, maxSeries, seriesOrder],\n  );\n\n  const option = useMemo(\n    () =>\n      buildTemporalTrendOption(seriesGroups, {\n        annotations,\n        referenceLines,\n        showLegend,\n        stacked,\n        hiddenSeries,\n      }),\n    [seriesGroups, annotations, referenceLines, showLegend, stacked, hiddenSeries],\n  );\n\n  const handleChartReady = useCallback(\n    (instance: EChartsInstance) => {\n      onChartReady?.(instance);\n    },\n    [onChartReady],\n  );\n\n  const handleEvents = useMemo(() => {\n    const events: Record<string, (...args: unknown[]) => void> = {};\n\n    if (onSeriesSelect || onSeriesToggle) {\n      events['legendselectchanged'] = (params: unknown) => {\n        const p = params as { name: string; selected?: Record<string, boolean> };\n        onSeriesSelect?.(p.name);\n        onSeriesToggle?.(p.name, p.selected?.[p.name] ?? true);\n      };\n    }\n\n    if (onBucketSelect) {\n      events['brushSelected'] = (params: unknown) => {\n        const p = params as {\n          batch: { areas: { coordRange: [string, string] }[] }[];\n        };\n        const area = p.batch?.[0]?.areas?.[0];\n        if (area) {\n          onBucketSelect({ start: area.coordRange[0], end: area.coordRange[1] });\n        }\n      };\n    }\n\n    return events;\n  }, [onSeriesSelect, onSeriesToggle, onBucketSelect]);\n\n  const hasToolbar = groupOptions || granularityOptions || onToggleLegend;\n  const hasData = data.length > 0;\n\n  return (\n    <div className={clsx(styles.root, className)}>\n      <div className={styles.header}>\n        <span className={styles.title}>{title}</span>\n        <div className={styles.headerRight}>\n          {hasToolbar && (\n            <div className={styles.toolbar}>\n              {groupOptions && groupOptions.length > 0 && (\n                <select\n                  className={styles.select}\n                  value={groupBy ?? ''}\n                  onChange={(e) => onGroupChange?.(e.target.value)}\n                  aria-label=\"Group by\"\n                >\n                  {groupOptions.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ))}\n                </select>\n              )}\n              {granularityOptions && granularityOptions.length > 0 && (\n                <select\n                  className={styles.select}\n                  value={granularity ?? ''}\n                  onChange={(e) =>\n                    onGranularityChange?.(e.target.value || null)\n                  }\n                  aria-label=\"Granularity\"\n                >\n                  {granularityOptions.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ))}\n                </select>\n              )}\n              {onToggleLegend && (\n                <button\n                  type=\"button\"\n                  className={clsx(\n                    styles.legendToggle,\n                    showLegend && styles.legendToggleActive,\n                  )}\n                  onClick={onToggleLegend}\n                  aria-label=\"Toggle legend\"\n                >\n                  Legend\n                </button>\n              )}\n            </div>\n          )}\n          {actions}\n        </div>\n      </div>\n\n      {isLoading && <div className={styles.loading}>Loading chart data...</div>}\n\n      {!isLoading && error && (\n        <div className={styles.error}>\n          <span>{error}</span>\n          {onRetry && (\n            <button\n              type=\"button\"\n              className={styles.retryButton}\n              onClick={onRetry}\n            >\n              Retry\n            </button>\n          )}\n        </div>\n      )}\n\n      {!isLoading && !error && !hasData && (\n        <div className={styles.empty}>No data available</div>\n      )}\n\n      {!isLoading && !error && hasData && (\n        <div className={styles.chartContainer}>\n          <ReactECharts\n            option={option}\n            style={{ height: '100%', minHeight: '18.75rem' }}\n            onChartReady={handleChartReady}\n            onEvents={handleEvents}\n            notMerge\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nTemporalTrendChartCard.displayName = 'TemporalTrendChartCard';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index53.js","sources":["../src/primitives/StatCard/StatCard.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { StatCardProps } from './StatCard.types';\nimport styles from './StatCard.module.css';\n\nexport const StatCard = forwardRef<HTMLDivElement, StatCardProps>(\n  (\n    {\n      label,\n      value,\n      sub,\n      variant = 'default',\n      clickable = false,\n      active = false,\n      className,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (clickable && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        event.currentTarget.click();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          clickable && styles.isClick,\n          active && styles.isActive,\n          className,\n        )}\n        role={clickable ? 'button' : undefined}\n        tabIndex={clickable ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <div className={styles.label}>{label}</div>\n        <div className={clsx(styles.value, variant !== 'default' && styles[variant])}>{value}</div>\n        {sub != null && <div className={styles.sub}>{sub}</div>}\n      </div>\n    );\n  },\n);\n\nStatCard.displayName = 'StatCard';\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,gBAAgB,CAAC,UAA+C;AACpE,6CAAY;AACZ,UAAI,cAAc,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AAC7D,cAAM,eAAA;AACN,cAAM,cAAc,MAAA;AAAA,MACtB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,OAAO;AAAA,UACP,aAAa,OAAO;AAAA,UACpB,UAAU,OAAO;AAAA,UACjB;AAAA,QAAA;AAAA,QAEF,MAAM,YAAY,WAAW;AAAA,QAC7B,UAAU,YAAY,IAAI;AAAA,QAC1B,WAAW;AAAA,QACV,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,OAAQ,UAAA,OAAM;AAAA,UACrC,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,OAAO,YAAY,aAAa,OAAO,OAAO,CAAC,GAAI,UAAA,MAAA,CAAM;AAAA,UACpF,OAAO,QAAQ,oBAAC,SAAI,WAAW,OAAO,KAAM,UAAA,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEA,SAAS,cAAc;"}

package/dist/index54.cjs

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const clsx = require("./index57.cjs");
-const Textarea_module = require("./index65.cjs");
-const Textarea = react.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("textarea", { ref, className: clsx.clsx(Textarea_module.default.root, className), ...props })
-);
-Textarea.displayName = "Textarea";
-exports.Textarea = Textarea;
+const clsx = require("./index59.cjs");
+const Table_module = require("./index61.cjs");
+const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Table_module.default.container, className), ...props });
+const Table = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { className: clsx.clsx(Table_module.default.root, className), ...props });
+exports.Table = Table;
+exports.TableContainer = TableContainer;
 //# sourceMappingURL=index54.cjs.map

package/dist/index54.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index54.cjs","sources":["../src/primitives/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Textarea.module.css';\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => (\n    <textarea ref={ref} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nTextarea.displayName = 'Textarea';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,WAAWA,MAAAA;AAAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxBC,2BAAAA,IAAC,YAAA,EAAS,KAAU,WAAWC,KAAAA,KAAKC,gBAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAE5E;AAEA,SAAS,cAAc;;"}
+{"version":3,"file":"index54.cjs","sources":["../src/primitives/Table/Table.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Table.module.css';\n\nexport interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {}\n\nexport const TableContainer = ({ className, ...props }: TableContainerProps) => (\n  <div className={clsx(styles.container, className)} {...props} />\n);\n\nexport const Table = ({ className, ...props }: TableProps) => (\n  <table className={clsx(styles.root, className)} {...props} />\n);\n"],"names":["jsx","clsx","styles"],"mappings":";;;;;AAMO,MAAM,iBAAiB,CAAC,EAAE,WAAW,GAAG,YAC7CA,2BAAAA,IAAC,OAAA,EAAI,WAAWC,KAAAA,KAAKC,aAAAA,QAAO,WAAW,SAAS,GAAI,GAAG,MAAA,CAAO;AAGzD,MAAM,QAAQ,CAAC,EAAE,WAAW,GAAG,YACpCF,2BAAAA,IAAC,SAAA,EAAM,WAAWC,KAAAA,KAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;;;"}

package/dist/index54.js

@@ -1,12 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index65.js";
-const Textarea = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", { ref, className: clsx(styles.root, className), ...props })
-);
-Textarea.displayName = "Textarea";
+import { clsx } from "./index59.js";
+import styles from "./index61.js";
+const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.container, className), ...props });
+const Table = ({ className, ...props }) => /* @__PURE__ */ jsx("table", { className: clsx(styles.root, className), ...props });
 export {
-  Textarea
+  Table,
+  TableContainer
 };
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","sources":["../src/primitives/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Textarea.module.css';\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => (\n    <textarea ref={ref} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nTextarea.displayName = 'Textarea';\n"],"names":[],"mappings":";;;;AAMO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB,oBAAC,YAAA,EAAS,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAE5E;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"index54.js","sources":["../src/primitives/Table/Table.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './Table.module.css';\n\nexport interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {}\n\nexport const TableContainer = ({ className, ...props }: TableContainerProps) => (\n  <div className={clsx(styles.container, className)} {...props} />\n);\n\nexport const Table = ({ className, ...props }: TableProps) => (\n  <table className={clsx(styles.root, className)} {...props} />\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,iBAAiB,CAAC,EAAE,WAAW,GAAG,YAC7C,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,WAAW,SAAS,GAAI,GAAG,MAAA,CAAO;AAGzD,MAAM,QAAQ,CAAC,EAAE,WAAW,GAAG,YACpC,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;"}