@ktnpm_devops/react-component 0.2.1 → 0.4.0

package/dist/index33.cjs

@@ -2,219 +2,146 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index35.cjs");
-const ReactECharts = require("echarts-for-react");
-const constants = require("./index40.cjs");
-const TemporalTrendChartCard_module = require("./index64.cjs");
-function groupByCategory(data, limit) {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const point of data) {
-    const key = point.category ?? "Unknown";
-    if (!grouped.has(key)) {
-      grouped.set(key, []);
-    }
-    grouped.get(key).push({
-      ts: point.ts ?? "",
-      value: point.value
+const clsx = require("./index38.cjs");
+const useClickOutside = require("./index4.cjs");
+const useEscapeKey = require("./index5.cjs");
+const constants = require("./index48.cjs");
+const SingleSelectDropdown_module = require("./index59.cjs");
+const SingleSelectDropdown = ({
+  label,
+  options,
+  selected,
+  onSelect,
+  customTriggerLabel,
+  onClear,
+  showClearButton = false
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const [focusedIndex, setFocusedIndex] = react.useState(-1);
+  const containerRef = react.useRef(null);
+  const listRef = react.useRef(null);
+  const close = react.useCallback(() => {
+    setIsOpen(false);
+    setSearchTerm("");
+    setFocusedIndex(-1);
+  }, []);
+  useClickOutside.useClickOutside(containerRef, close);
+  useEscapeKey.useEscapeKey(close, isOpen);
+  const filteredOptions = react.useMemo(() => {
+    if (!searchTerm.trim()) return options;
+    const term = searchTerm.trim().toLowerCase();
+    return options.filter((opt) => {
+      const lbl = opt.label ?? opt.value;
+      return lbl.toLowerCase().includes(term) || opt.value.toLowerCase().includes(term);
     });
-  }
-  const entries = [...grouped.entries()].sort(
-    (a, b) => b[1].reduce((sum, p) => sum + p.value, 0) - a[1].reduce((sum, p) => sum + p.value, 0)
-  );
-  if (entries.length <= limit) {
-    return entries;
-  }
-  const top = entries.slice(0, limit - 1);
-  const rest = entries.slice(limit - 1);
-  const otherMap = /* @__PURE__ */ new Map();
-  for (const [, points] of rest) {
-    for (const p of points) {
-      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);
-    }
-  }
-  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({
-    ts,
-    value
-  }));
-  return [...top, ["Other", otherPoints]];
-}
-function buildMarkAreas(annotations) {
-  return annotations.filter((a) => a.end).map((a) => [
-    {
-      name: a.label,
-      xAxis: a.start,
-      itemStyle: { color: a.color ?? "rgba(255,107,90,0.1)" }
-    },
-    { xAxis: a.end }
-  ]);
-}
-function buildMarkLines(annotations) {
-  return annotations.filter((a) => !a.end).map((a) => ({
-    name: a.label,
-    xAxis: a.start,
-    lineStyle: { color: a.color ?? constants.CHART_COLORS[0], type: "dashed" },
-    label: { formatter: a.label, position: "end" }
-  }));
-}
-function TemporalTrendChartCard({
-  title,
-  data,
-  isLoading = false,
-  error,
-  onRetry,
-  onChartReady,
-  actions,
-  className,
-  groupBy,
-  groupOptions,
-  onGroupChange,
-  granularity,
-  granularityOptions,
-  onGranularityChange,
-  annotations = [],
-  showLegend = true,
-  onToggleLegend,
-  onSeriesSelect,
-  onBucketSelect,
-  maxSeries = constants.MAX_SERIES
-}) {
-  const seriesGroups = react.useMemo(
-    () => groupByCategory(data, maxSeries),
-    [data, maxSeries]
-  );
-  const option = react.useMemo(() => {
-    const markAreas = buildMarkAreas(annotations);
-    const markLines = buildMarkLines(annotations);
-    const series = seriesGroups.map(([name, points], idx) => ({
-      name,
-      type: "line",
-      stack: "total",
-      areaStyle: {},
-      emphasis: { focus: "series" },
-      color: constants.CHART_COLORS[idx % constants.CHART_COLORS.length],
-      data: points.sort((a, b) => a.ts < b.ts ? -1 : 1).map((p) => [p.ts, p.value]),
-      ...idx === 0 && (markAreas.length > 0 || markLines.length > 0) ? {
-        markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : void 0,
-        markLine: markLines.length > 0 ? { silent: true, symbol: "none", data: markLines } : void 0
-      } : {}
-    }));
-    return {
-      tooltip: {
-        trigger: "axis",
-        axisPointer: { type: "cross" }
-      },
-      legend: {
-        show: showLegend,
-        type: "scroll",
-        bottom: 0
-      },
-      grid: {
-        left: "3%",
-        right: "4%",
-        bottom: showLegend ? "15%" : "3%",
-        containLabel: true
-      },
-      xAxis: { type: "time" },
-      yAxis: { type: "value" },
-      series
-    };
-  }, [seriesGroups, annotations, showLegend]);
-  const handleChartReady = react.useCallback(
-    (instance) => {
-      onChartReady == null ? void 0 : onChartReady(instance);
-    },
-    [onChartReady]
-  );
-  const handleEvents = react.useMemo(() => {
-    const events = {};
-    if (onSeriesSelect) {
-      events["legendselectchanged"] = (params) => {
-        const p = params;
-        onSeriesSelect(p.name);
-      };
+  }, [options, searchTerm]);
+  const handleSelect = (value) => {
+    onSelect(value);
+    close();
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onClear == null ? void 0 : onClear();
+    close();
+  };
+  const handleKeyDown = (e) => {
+    if (!isOpen) return;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setFocusedIndex((prev) => Math.min(prev + 1, filteredOptions.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setFocusedIndex((prev) => Math.max(prev - 1, 0));
+    } else if (e.key === "Enter" && focusedIndex >= 0 && focusedIndex < filteredOptions.length) {
+      e.preventDefault();
+      handleSelect(filteredOptions[focusedIndex].value);
     }
-    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, 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",
+  };
+  const selectedOption = options.find((o) => o.value === selected);
+  const displayLabel = customTriggerLabel || (selectedOption == null ? void 0 : selectedOption.label) || (selectedOption == null ? void 0 : selectedOption.value) || "Select";
+  const showClear = showClearButton && selected !== null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: SingleSelectDropdown_module.default.root, ref: containerRef, onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: clsx.clsx(SingleSelectDropdown_module.default.trigger, { [SingleSelectDropdown_module.default.active]: isOpen }),
+        onClick: () => {
+          setIsOpen((prev) => !prev);
+          setFocusedIndex(-1);
+        },
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: SingleSelectDropdown_module.default.triggerContent, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: SingleSelectDropdown_module.default.chevron, width: constants.ICON_SIZE.MD, height: constants.ICON_SIZE.MD, viewBox: constants.SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: constants.SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: SingleSelectDropdown_module.default.label, children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: SingleSelectDropdown_module.default.value, children: displayLabel }),
+          showClear && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
             {
-              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))
+              className: SingleSelectDropdown_module.default.clear,
+              onClick: handleClear,
+              role: "button",
+              tabIndex: 0,
+              "aria-label": `Clear ${label}`,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  handleClear(e);
+                }
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: constants.ICON_SIZE.SM, height: constants.ICON_SIZE.SM, viewBox: constants.SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: constants.SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ] })
             }
-          ),
-          onToggleLegend && /* @__PURE__ */ jsxRuntime.jsx(
+          )
+        ] })
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: SingleSelectDropdown_module.default.panel, role: "listbox", ref: listRef, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: SingleSelectDropdown_module.default.searchContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "search",
+          className: SingleSelectDropdown_module.default.search,
+          placeholder: `Search ${label.toLowerCase()}`,
+          value: searchTerm,
+          onChange: (e) => {
+            setSearchTerm(e.target.value);
+            setFocusedIndex(-1);
+          },
+          onClick: (e) => e.stopPropagation()
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: SingleSelectDropdown_module.default.list, children: [
+        filteredOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: SingleSelectDropdown_module.default.noResults, children: "No matches found" }),
+        filteredOptions.map((opt, i) => {
+          const isSelected = opt.value === selected;
+          const isFocused = i === focusedIndex;
+          return /* @__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
+              className: clsx.clsx(SingleSelectDropdown_module.default.option, {
+                [SingleSelectDropdown_module.default.selected]: isSelected,
+                [SingleSelectDropdown_module.default.focused]: isFocused
+              }),
+              onClick: () => handleSelect(opt.value),
+              role: "option",
+              "aria-selected": isSelected,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: SingleSelectDropdown_module.default.optionLabel, children: [
+                opt.label ?? opt.value,
+                opt.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: SingleSelectDropdown_module.default.optionCount, children: opt.count })
+              ] })
+            },
+            opt.value
+          );
+        })
       ] })
-    ] }),
-    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,
-      {
-        option,
-        style: { height: "100%", minHeight: "18.75rem" },
-        onChartReady: handleChartReady,
-        onEvents: handleEvents,
-        notMerge: true
-      }
-    ) })
+    ] })
   ] });
-}
-TemporalTrendChartCard.displayName = "TemporalTrendChartCard";
-exports.TemporalTrendChartCard = TemporalTrendChartCard;
+};
+exports.SingleSelectDropdown = SingleSelectDropdown;
 //# sourceMappingURL=index33.cjs.map

package/dist/index33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index33.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, ChartAnnotation } from '../../types/chart.types';\nimport { MAX_SERIES, CHART_COLORS } from '../../constants';\nimport styles from './TemporalTrendChartCard.module.css';\n\n/** Group data points by category, returning sorted series keyed by category name. */\nfunction groupByCategory(\n  data: TemporalTrendChartCardProps['data'],\n  limit: number,\n) {\n  const grouped = new Map<string, { ts: string; value: number }[]>();\n\n  for (const point of data) {\n    const key = point.category ?? 'Unknown';\n    if (!grouped.has(key)) {\n      grouped.set(key, []);\n    }\n    grouped.get(key)!.push({\n      ts: point.ts ?? '',\n      value: point.value,\n    });\n  }\n\n  const entries = [...grouped.entries()].sort(\n    (a, b) =>\n      b[1].reduce((sum, p) => sum + p.value, 0) -\n      a[1].reduce((sum, p) => sum + p.value, 0),\n  );\n\n  if (entries.length <= limit) {\n    return entries;\n  }\n\n  const top = entries.slice(0, limit - 1);\n  const rest = entries.slice(limit - 1);\n\n  const otherMap = new Map<string, number>();\n  for (const [, points] of rest) {\n    for (const p of points) {\n      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);\n    }\n  }\n\n  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({\n    ts,\n    value,\n  }));\n\n  return [...top, ['Other', otherPoints] as const] as Array<\n    [string, { ts: string; value: number }[]]\n  >;\n}\n\n/** Build markArea items from range annotations. */\nfunction buildMarkAreas(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => a.end)\n    .map((a) => [\n      {\n        name: a.label,\n        xAxis: a.start,\n        itemStyle: { color: a.color ?? 'rgba(255,107,90,0.1)' },\n      },\n      { xAxis: a.end },\n    ]);\n}\n\n/** Build markLine items from point annotations. */\nfunction buildMarkLines(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => !a.end)\n    .map((a) => ({\n      name: a.label,\n      xAxis: a.start,\n      lineStyle: { color: a.color ?? CHART_COLORS[0], type: 'dashed' as const },\n      label: { formatter: a.label, position: 'end' as const },\n    }));\n}\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  showLegend = true,\n  onToggleLegend,\n  onSeriesSelect,\n  onBucketSelect,\n  maxSeries = MAX_SERIES,\n}: TemporalTrendChartCardProps) {\n  const seriesGroups = useMemo(\n    () => groupByCategory(data, maxSeries),\n    [data, maxSeries],\n  );\n\n  const option = useMemo(() => {\n    const markAreas = buildMarkAreas(annotations);\n    const markLines = buildMarkLines(annotations);\n\n    const series = seriesGroups.map(([name, points], idx) => ({\n      name,\n      type: 'line' as const,\n      stack: 'total',\n      areaStyle: {},\n      emphasis: { focus: 'series' as const },\n      color: CHART_COLORS[idx % CHART_COLORS.length],\n      data: points\n        .sort((a, b) => (a.ts < b.ts ? -1 : 1))\n        .map((p) => [p.ts, p.value]),\n      ...(idx === 0 && (markAreas.length > 0 || markLines.length > 0)\n        ? {\n            markArea:\n              markAreas.length > 0 ? { silent: true, data: markAreas } : undefined,\n            markLine:\n              markLines.length > 0\n                ? { silent: true, symbol: 'none', data: markLines }\n                : undefined,\n          }\n        : {}),\n    }));\n\n    return {\n      tooltip: {\n        trigger: 'axis' as const,\n        axisPointer: { type: 'cross' as const },\n      },\n      legend: {\n        show: showLegend,\n        type: 'scroll' as const,\n        bottom: 0,\n      },\n      grid: {\n        left: '3%',\n        right: '4%',\n        bottom: showLegend ? '15%' : '3%',\n        containLabel: true,\n      },\n      xAxis: { type: 'time' as const },\n      yAxis: { type: 'value' as const },\n      series,\n    };\n  }, [seriesGroups, annotations, showLegend]);\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) {\n      events['legendselectchanged'] = (params: unknown) => {\n        const p = params as { name: string };\n        onSeriesSelect(p.name);\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, 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":["CHART_COLORS","MAX_SERIES","useMemo","useCallback","clsx","styles","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index33.cjs","sources":["../src/composites/SingleSelectDropdown/SingleSelectDropdown.tsx"],"sourcesContent":["import { useState, useRef, useMemo, useCallback } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { ICON_SIZE, SVG_VIEWBOX, SVG_STROKE_WIDTH } from '../../constants';\nimport styles from './SingleSelectDropdown.module.css';\n\nexport interface SingleSelectOption {\n  value: string;\n  label?: string;\n  count?: number;\n}\n\nexport interface SingleSelectDropdownProps {\n  /** Label displayed on the trigger. */\n  label: string;\n  /** Available options. */\n  options: SingleSelectOption[];\n  /** Currently selected value (controlled). `null` means no selection. */\n  selected: string | null;\n  /** Called when the user selects an option. */\n  onSelect: (value: string) => void;\n  /** Override the trigger value label. */\n  customTriggerLabel?: string;\n  /** Called when the user clears the selection. */\n  onClear?: () => void;\n  /** Show clear button when a value is selected. */\n  showClearButton?: boolean;\n}\n\nexport const SingleSelectDropdown = ({\n  label,\n  options,\n  selected,\n  onSelect,\n  customTriggerLabel,\n  onClear,\n  showClearButton = false,\n}: SingleSelectDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setSearchTerm('');\n    setFocusedIndex(-1);\n  }, []);\n\n  useClickOutside(containerRef, close);\n  useEscapeKey(close, isOpen);\n\n  const filteredOptions = useMemo(() => {\n    if (!searchTerm.trim()) return options;\n    const term = searchTerm.trim().toLowerCase();\n    return options.filter((opt) => {\n      const lbl = opt.label ?? opt.value;\n      return lbl.toLowerCase().includes(term) || opt.value.toLowerCase().includes(term);\n    });\n  }, [options, searchTerm]);\n\n  const handleSelect = (value: string) => {\n    onSelect(value);\n    close();\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onClear?.();\n    close();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (!isOpen) return;\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setFocusedIndex((prev) => Math.min(prev + 1, filteredOptions.length - 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setFocusedIndex((prev) => Math.max(prev - 1, 0));\n    } else if (e.key === 'Enter' && focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n      e.preventDefault();\n      handleSelect(filteredOptions[focusedIndex].value);\n    }\n  };\n\n  const selectedOption = options.find((o) => o.value === selected);\n  const displayLabel = customTriggerLabel || selectedOption?.label || selectedOption?.value || 'Select';\n  const showClear = showClearButton && selected !== null;\n\n  return (\n    <div className={styles.root} ref={containerRef} onKeyDown={handleKeyDown}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, { [styles.active]: isOpen })}\n        onClick={() => {\n          setIsOpen((prev) => !prev);\n          setFocusedIndex(-1);\n        }}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n      >\n        <div className={styles.triggerContent}>\n          <svg className={styles.chevron} width={ICON_SIZE.MD} height={ICON_SIZE.MD} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\" />\n          </svg>\n          <span className={styles.label}>{label}</span>\n          <span className={styles.value}>{displayLabel}</span>\n          {showClear && (\n            <span\n              className={styles.clear}\n              onClick={handleClear}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Clear ${label}`}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleClear(e as unknown as React.MouseEvent); } }}\n            >\n              <svg width={ICON_SIZE.SM} height={ICON_SIZE.SM} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </span>\n          )}\n        </div>\n      </button>\n\n      {isOpen && (\n        <div className={styles.panel} role=\"listbox\" ref={listRef}>\n          <div className={styles.searchContainer}>\n            <input\n              type=\"search\"\n              className={styles.search}\n              placeholder={`Search ${label.toLowerCase()}`}\n              value={searchTerm}\n              onChange={(e) => {\n                setSearchTerm(e.target.value);\n                setFocusedIndex(-1);\n              }}\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n          <div className={styles.list}>\n            {filteredOptions.length === 0 && (\n              <div className={styles.noResults}>No matches found</div>\n            )}\n            {filteredOptions.map((opt, i) => {\n              const isSelected = opt.value === selected;\n              const isFocused = i === focusedIndex;\n              return (\n                <button\n                  key={opt.value}\n                  type=\"button\"\n                  className={clsx(styles.option, {\n                    [styles.selected]: isSelected,\n                    [styles.focused]: isFocused,\n                  })}\n                  onClick={() => handleSelect(opt.value)}\n                  role=\"option\"\n                  aria-selected={isSelected}\n                >\n                  <span className={styles.optionLabel}>\n                    {opt.label ?? opt.value}\n                    {opt.count !== undefined && (\n                      <span className={styles.optionCount}>{opt.count}</span>\n                    )}\n                  </span>\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useRef","useCallback","useClickOutside","useEscapeKey","useMemo","jsxs","styles","jsx","clsx","ICON_SIZE","SVG_VIEWBOX","SVG_STROKE_WIDTH"],"mappings":"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"}