@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js

@@ -0,0 +1,449 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.tsx
+var o = (e) => ({
+	bgPrimary: e ? "#1f2937" : "#ffffff",
+	bgSecondary: e ? "#374151" : "#f9fafb",
+	textPrimary: e ? "#f9fafb" : "#111827",
+	textSecondary: e ? "#9ca3af" : "#6b7280",
+	borderDefault: e ? "#4b5563" : "#e5e7eb",
+	actionPrimaryBg: "#6366f1",
+	actionPrimaryBgSubtle: e ? "#312e81" : "#eef2ff",
+	actionPrimaryFg: "#ffffff",
+	bgTertiary: e ? "#4b5563" : "#f3f4f6",
+	textTertiary: e ? "#6b7280" : "#9ca3af",
+	statusErrorText: "#ef4444",
+	statusErrorBg: e ? "#991b1b" : "#fee2e2",
+	actionPrimaryText: e ? "#c7d2fe" : "#4338ca",
+	backdropBg: "rgba(0, 0, 0, 0.5)"
+});
+function s() {
+	let [t, r] = n(!1);
+	return e(() => {
+		let e = () => {
+			r(document.documentElement.classList.contains("dark"));
+		};
+		e();
+		let t = new MutationObserver(e);
+		return t.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), () => t.disconnect();
+	}, []), t;
+}
+function c(e, t) {
+	if (e == null) return "All";
+	switch (t) {
+		case "DATE_RANGE": {
+			let t = e;
+			return t.start && t.end ? `${l(t.start)} - ${l(t.end)}` : "All dates";
+		}
+		case "CATEGORY":
+			if (Array.isArray(e) && e.length > 0) {
+				if (e.length === 1) {
+					let t = e[0];
+					return (typeof t == "object" && t ? t.label : t) || String(e[0]);
+				}
+				return `${e.length} selected`;
+			}
+			return typeof e == "object" && e ? e.label || "All" : String(e) || "All";
+		case "TEXT_SEARCH": return e || "Any";
+		case "NUMERIC_RANGE": {
+			let t = e;
+			return t.min !== void 0 && t.max !== void 0 ? `${t.min} - ${t.max}` : t.min === void 0 ? t.max === void 0 ? "Any" : `<= ${t.max}` : `>= ${t.min}`;
+		}
+		case "CUSTOM": return typeof e == "object" ? JSON.stringify(e).substring(0, 30) + "..." : String(e);
+		default: return String(e);
+	}
+}
+function l(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric"
+	});
+}
+function u({ filter: l, value: u, onChange: f, onEdit: p, onDelete: m }) {
+	let [h, g] = n(!1), [_, v] = n(!1), y = t(null), b = t(null), x = o(s()), S = u != null && u !== "", C = c(u, l.type);
+	return e(() => {
+		function e(e) {
+			y.current && !y.current.contains(e.target) && (g(!1), v(!1));
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ a("div", {
+		ref: y,
+		style: {
+			position: "relative",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "8px",
+			padding: "8px 16px",
+			backgroundColor: S ? x.actionPrimaryBgSubtle : x.bgPrimary,
+			border: `2px solid ${S ? x.actionPrimaryBg : x.textTertiary}`,
+			borderRadius: "24px",
+			fontSize: "15px",
+			cursor: "pointer",
+			userSelect: "none",
+			boxShadow: "0 2px 6px rgba(0,0,0,0.12)",
+			transition: "all 0.2s ease",
+			minHeight: "36px"
+		},
+		children: [
+			/* @__PURE__ */ a("span", {
+				style: {
+					fontWeight: 700,
+					color: S ? x.actionPrimaryText : x.textPrimary,
+					fontSize: "14px"
+				},
+				onClick: () => g(!h),
+				children: [l.name, ":"]
+			}),
+			/* @__PURE__ */ i("span", {
+				style: {
+					color: S ? x.actionPrimaryBg : x.textSecondary,
+					maxWidth: "200px",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					fontWeight: 600,
+					fontSize: "14px"
+				},
+				onClick: () => g(!h),
+				children: C
+			}),
+			S && /* @__PURE__ */ i("button", {
+				onClick: (e) => {
+					e.stopPropagation(), f(void 0);
+				},
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: "22px",
+					height: "22px",
+					padding: 0,
+					backgroundColor: x.statusErrorBg,
+					border: "none",
+					borderRadius: "50%",
+					cursor: "pointer",
+					color: x.actionPrimaryFg,
+					fontSize: "14px",
+					fontWeight: "bold",
+					marginLeft: "4px",
+					boxShadow: "0 1px 3px rgba(0,0,0,0.2)"
+				},
+				title: "Clear filter",
+				children: "×"
+			}),
+			/* @__PURE__ */ i("button", {
+				onClick: (e) => {
+					e.stopPropagation(), v(!_);
+				},
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: "22px",
+					height: "22px",
+					padding: 0,
+					backgroundColor: x.textTertiary,
+					border: "none",
+					borderRadius: "50%",
+					cursor: "pointer",
+					color: x.actionPrimaryFg,
+					fontSize: "16px",
+					fontWeight: "bold",
+					marginLeft: "4px",
+					boxShadow: "0 1px 3px rgba(0,0,0,0.2)"
+				},
+				title: "Filter options",
+				children: "⋮"
+			}),
+			h && /* @__PURE__ */ i(d, {
+				filter: l,
+				value: u,
+				onChange: (e) => {
+					f(e), g(!1);
+				},
+				onClose: () => g(!1)
+			}),
+			_ && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
+				style: {
+					position: "fixed",
+					top: 0,
+					left: 0,
+					right: 0,
+					bottom: 0,
+					zIndex: 99998
+				},
+				onClick: (e) => {
+					e.stopPropagation(), v(!1);
+				}
+			}), /* @__PURE__ */ a("div", {
+				ref: b,
+				style: {
+					position: "absolute",
+					top: "100%",
+					right: 0,
+					marginTop: "8px",
+					minWidth: "150px",
+					backgroundColor: x.bgPrimary,
+					border: `1px solid ${x.borderDefault}`,
+					borderRadius: "8px",
+					boxShadow: "0 8px 24px rgba(0,0,0,0.2)",
+					zIndex: 99999,
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ i("button", {
+					onClick: (e) => {
+						e.stopPropagation(), v(!1), p();
+					},
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: "8px",
+						width: "100%",
+						padding: "12px 16px",
+						textAlign: "left",
+						backgroundColor: "transparent",
+						border: "none",
+						borderBottom: `1px solid ${x.borderDefault}`,
+						cursor: "pointer",
+						fontSize: "14px",
+						color: x.textPrimary,
+						fontWeight: 500
+					},
+					children: "✏️ Edit Filter"
+				}), /* @__PURE__ */ i("button", {
+					onClick: (e) => {
+						e.stopPropagation(), v(!1), m();
+					},
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: "8px",
+						width: "100%",
+						padding: "12px 16px",
+						textAlign: "left",
+						backgroundColor: "transparent",
+						border: "none",
+						cursor: "pointer",
+						fontSize: "14px",
+						color: x.statusErrorText,
+						fontWeight: 500
+					},
+					children: "🗑️ Delete Filter"
+				})]
+			})] })
+		]
+	});
+}
+function d({ filter: e, value: t, onChange: c, onClose: l }) {
+	let [u, d] = n(t), f = o(s());
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			zIndex: 99998
+		},
+		onClick: l
+	}), /* @__PURE__ */ a("div", {
+		style: {
+			position: "absolute",
+			top: "100%",
+			left: 0,
+			marginTop: "8px",
+			minWidth: "280px",
+			padding: "16px",
+			backgroundColor: f.bgPrimary,
+			border: `1px solid ${f.borderDefault}`,
+			borderRadius: "12px",
+			boxShadow: "0 8px 24px rgba(0,0,0,0.25)",
+			zIndex: 99999
+		},
+		onClick: (e) => e.stopPropagation(),
+		children: [
+			e.type === "TEXT_SEARCH" && /* @__PURE__ */ i("input", {
+				type: "text",
+				value: u || "",
+				onChange: (e) => d(e.target.value),
+				placeholder: "Search...",
+				style: {
+					width: "100%",
+					padding: "8px",
+					border: `1px solid ${f.borderDefault}`,
+					borderRadius: "4px",
+					fontSize: "13px",
+					boxSizing: "border-box",
+					backgroundColor: f.bgPrimary,
+					color: f.textPrimary
+				}
+			}),
+			e.type === "CATEGORY" && /* @__PURE__ */ a("select", {
+				value: u || "",
+				onChange: (e) => d(e.target.value),
+				style: {
+					width: "100%",
+					padding: "8px",
+					border: `1px solid ${f.borderDefault}`,
+					borderRadius: "4px",
+					fontSize: "13px",
+					backgroundColor: f.bgPrimary,
+					color: f.textPrimary
+				},
+				children: [/* @__PURE__ */ i("option", {
+					value: "",
+					children: "All"
+				}), e.config.options?.map((e) => /* @__PURE__ */ i("option", {
+					value: String(e.value),
+					children: String(e.label)
+				}, String(e.value)))]
+			}),
+			e.type === "DATE_RANGE" && (() => {
+				let e = u || {};
+				return /* @__PURE__ */ a("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: "8px"
+					},
+					children: [/* @__PURE__ */ i("input", {
+						type: "date",
+						value: e.start || "",
+						onChange: (t) => d({
+							...e,
+							start: t.target.value
+						}),
+						style: {
+							padding: "8px",
+							border: `1px solid ${f.borderDefault}`,
+							borderRadius: "4px",
+							fontSize: "13px",
+							backgroundColor: f.bgPrimary,
+							color: f.textPrimary
+						}
+					}), /* @__PURE__ */ i("input", {
+						type: "date",
+						value: e.end || "",
+						onChange: (t) => d({
+							...e,
+							end: t.target.value
+						}),
+						style: {
+							padding: "8px",
+							border: `1px solid ${f.borderDefault}`,
+							borderRadius: "4px",
+							fontSize: "13px",
+							backgroundColor: f.bgPrimary,
+							color: f.textPrimary
+						}
+					})]
+				});
+			})(),
+			e.type === "NUMERIC_RANGE" && (() => {
+				let e = u || {};
+				return /* @__PURE__ */ a("div", {
+					style: {
+						display: "flex",
+						gap: "8px"
+					},
+					children: [/* @__PURE__ */ i("input", {
+						type: "number",
+						value: e.min ?? "",
+						onChange: (t) => d({
+							...e,
+							min: t.target.value ? Number(t.target.value) : void 0
+						}),
+						placeholder: "Min",
+						style: {
+							flex: 1,
+							padding: "8px",
+							border: `1px solid ${f.borderDefault}`,
+							borderRadius: "4px",
+							fontSize: "13px",
+							backgroundColor: f.bgPrimary,
+							color: f.textPrimary
+						}
+					}), /* @__PURE__ */ i("input", {
+						type: "number",
+						value: e.max ?? "",
+						onChange: (t) => d({
+							...e,
+							max: t.target.value ? Number(t.target.value) : void 0
+						}),
+						placeholder: "Max",
+						style: {
+							flex: 1,
+							padding: "8px",
+							border: `1px solid ${f.borderDefault}`,
+							borderRadius: "4px",
+							fontSize: "13px",
+							backgroundColor: f.bgPrimary,
+							color: f.textPrimary
+						}
+					})]
+				});
+			})(),
+			e.type === "CUSTOM" && /* @__PURE__ */ i("input", {
+				type: "text",
+				value: typeof u == "string" ? u : JSON.stringify(u || ""),
+				onChange: (e) => d(e.target.value),
+				placeholder: "Custom filter value...",
+				style: {
+					width: "100%",
+					padding: "8px",
+					border: `1px solid ${f.borderDefault}`,
+					borderRadius: "4px",
+					fontSize: "13px",
+					boxSizing: "border-box",
+					backgroundColor: f.bgPrimary,
+					color: f.textPrimary
+				}
+			}),
+			/* @__PURE__ */ a("div", {
+				style: {
+					marginTop: "16px",
+					display: "flex",
+					justifyContent: "flex-end",
+					gap: "10px"
+				},
+				children: [/* @__PURE__ */ i("button", {
+					onClick: l,
+					style: {
+						padding: "8px 16px",
+						fontSize: "14px",
+						backgroundColor: f.bgPrimary,
+						border: `1px solid ${f.borderDefault}`,
+						borderRadius: "6px",
+						cursor: "pointer",
+						color: f.textSecondary,
+						fontWeight: 500
+					},
+					children: "Cancel"
+				}), /* @__PURE__ */ i("button", {
+					onClick: () => {
+						c(u);
+					},
+					style: {
+						padding: "8px 16px",
+						fontSize: "14px",
+						backgroundColor: f.actionPrimaryBg,
+						color: f.actionPrimaryFg,
+						border: "none",
+						borderRadius: "6px",
+						cursor: "pointer",
+						fontWeight: 500,
+						boxShadow: "0 2px 4px rgba(99, 102, 241, 0.3)"
+					},
+					children: "Apply"
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=FilterChip.js.map

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.tsx"],"sourcesContent":["/**\n * FilterChip Component\n *\n * Individual filter chip with value display and controls.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport type { GlobalFilter, FilterType } from '../../../hooks';\n\n// Dynamic colors that respect dark mode\nconst getColors = (isDark: boolean) => ({\n  bgPrimary: isDark ? '#1f2937' : '#ffffff',\n  bgSecondary: isDark ? '#374151' : '#f9fafb',\n  textPrimary: isDark ? '#f9fafb' : '#111827',\n  textSecondary: isDark ? '#9ca3af' : '#6b7280',\n  borderDefault: isDark ? '#4b5563' : '#e5e7eb',\n  actionPrimaryBg: '#6366f1',\n  actionPrimaryBgSubtle: isDark ? '#312e81' : '#eef2ff',\n  actionPrimaryFg: '#ffffff',\n  bgTertiary: isDark ? '#4b5563' : '#f3f4f6',\n  textTertiary: isDark ? '#6b7280' : '#9ca3af',\n  statusErrorText: '#ef4444',\n  statusErrorBg: isDark ? '#991b1b' : '#fee2e2',\n  actionPrimaryText: isDark ? '#c7d2fe' : '#4338ca',\n  backdropBg: 'rgba(0, 0, 0, 0.5)',\n});\n\n// Hook to detect dark mode\nfunction useDarkMode() {\n  const [isDark, setIsDark] = useState(false);\n\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDark(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  return isDark;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterChipProps {\n  filter: GlobalFilter;\n  value: unknown;\n  onChange: (value: unknown) => void;\n  onEdit: () => void;\n  onDelete: () => void;\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Format filter value for display\n * Filter types per spec: DATE_RANGE, CATEGORY, CUSTOM, NUMERIC_RANGE, TEXT_SEARCH\n */\nfunction formatFilterValue(value: unknown, type: FilterType): string {\n  if (value === undefined || value === null) {\n    return 'All';\n  }\n\n  switch (type) {\n    case 'DATE_RANGE': {\n      const dateRange = value as Record<string, unknown>;\n      if (dateRange.start && dateRange.end) {\n        return `${formatDate(dateRange.start as string)} - ${formatDate(dateRange.end as string)}`;\n      }\n      return 'All dates';\n    }\n\n    case 'CATEGORY':\n      // Category can be single or multiple selection\n      if (Array.isArray(value) && value.length > 0) {\n        if (value.length === 1) {\n          const first = value[0] as Record<string, unknown> | string;\n          return (\n            (typeof first === 'object' && first !== null\n              ? ((first as Record<string, unknown>).label as string)\n              : first) || String(value[0])\n          );\n        }\n        return `${value.length} selected`;\n      }\n      if (typeof value === 'object' && value !== null) {\n        return ((value as Record<string, unknown>).label as string) || 'All';\n      }\n      return String(value) || 'All';\n\n    case 'TEXT_SEARCH':\n      return (value as string) || 'Any';\n\n    case 'NUMERIC_RANGE': {\n      const numRange = value as Record<string, unknown>;\n      if (numRange.min !== undefined && numRange.max !== undefined) {\n        return `${numRange.min} - ${numRange.max}`;\n      }\n      if (numRange.min !== undefined) {\n        return `>= ${numRange.min}`;\n      }\n      if (numRange.max !== undefined) {\n        return `<= ${numRange.max}`;\n      }\n      return 'Any';\n    }\n\n    case 'CUSTOM':\n      // Custom filters may have various value formats\n      if (typeof value === 'object') {\n        return JSON.stringify(value).substring(0, 30) + '...';\n      }\n      return String(value);\n\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(date: string | Date): string {\n  const d = new Date(date);\n  return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterChip({ filter, value, onChange, onEdit, onDelete }: FilterChipProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [showMenu, setShowMenu] = useState(false);\n  const chipRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const isDarkMode = useDarkMode();\n  const SEMANTIC_COLORS = getColors(isDarkMode);\n\n  const hasValue = value !== undefined && value !== null && value !== '';\n  const displayValue = formatFilterValue(value, filter.type);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (chipRef.current && !chipRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n        setShowMenu(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onChange(undefined);\n  };\n\n  return (\n    <div\n      ref={chipRef}\n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: '8px',\n        padding: '8px 16px',\n        backgroundColor: hasValue ? SEMANTIC_COLORS.actionPrimaryBgSubtle : SEMANTIC_COLORS.bgPrimary,\n        border: `2px solid ${hasValue ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.textTertiary}`,\n        borderRadius: '24px',\n        fontSize: '15px',\n        cursor: 'pointer',\n        userSelect: 'none',\n        boxShadow: '0 2px 6px rgba(0,0,0,0.12)',\n        transition: 'all 0.2s ease',\n        minHeight: '36px',\n      }}\n    >\n      {/* Filter Name */}\n      <span\n        style={{\n          fontWeight: 700,\n          color: hasValue ? SEMANTIC_COLORS.actionPrimaryText : SEMANTIC_COLORS.textPrimary,\n          fontSize: '14px',\n        }}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        {filter.name}:\n      </span>\n\n      {/* Filter Value */}\n      <span\n        style={{\n          color: hasValue ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.textSecondary,\n          maxWidth: '200px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          fontWeight: 600,\n          fontSize: '14px',\n        }}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        {displayValue}\n      </span>\n\n      {/* Clear button */}\n      {hasValue && (\n        <button\n          onClick={handleClear}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: '22px',\n            height: '22px',\n            padding: 0,\n            backgroundColor: SEMANTIC_COLORS.statusErrorBg,\n            border: 'none',\n            borderRadius: '50%',\n            cursor: 'pointer',\n            color: SEMANTIC_COLORS.actionPrimaryFg,\n            fontSize: '14px',\n            fontWeight: 'bold',\n            marginLeft: '4px',\n            boxShadow: '0 1px 3px rgba(0,0,0,0.2)',\n          }}\n          title=\"Clear filter\"\n        >\n          ×\n        </button>\n      )}\n\n      {/* Menu button */}\n      <button\n        onClick={(e) => {\n          e.stopPropagation();\n          setShowMenu(!showMenu);\n        }}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          width: '22px',\n          height: '22px',\n          padding: 0,\n          backgroundColor: SEMANTIC_COLORS.textTertiary,\n          border: 'none',\n          borderRadius: '50%',\n          cursor: 'pointer',\n          color: SEMANTIC_COLORS.actionPrimaryFg,\n          fontSize: '16px',\n          fontWeight: 'bold',\n          marginLeft: '4px',\n          boxShadow: '0 1px 3px rgba(0,0,0,0.2)',\n        }}\n        title=\"Filter options\"\n      >\n        ⋮\n      </button>\n\n      {/* Value Editor Dropdown */}\n      {isOpen && (\n        <FilterValueEditor\n          filter={filter}\n          value={value}\n          onChange={(newValue) => {\n            onChange(newValue);\n            setIsOpen(false);\n          }}\n          onClose={() => setIsOpen(false)}\n        />\n      )}\n\n      {/* Context Menu */}\n      {showMenu && (\n        <>\n          {/* Backdrop */}\n          <div\n            style={{\n              position: 'fixed',\n              top: 0,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              zIndex: 99998,\n            }}\n            onClick={(e) => {\n              e.stopPropagation();\n              setShowMenu(false);\n            }}\n          />\n          <div\n            ref={menuRef}\n            style={{\n              position: 'absolute',\n              top: '100%',\n              right: 0,\n              marginTop: '8px',\n              minWidth: '150px',\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '8px',\n              boxShadow: '0 8px 24px rgba(0,0,0,0.2)',\n              zIndex: 99999,\n              overflow: 'hidden',\n            }}\n          >\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                setShowMenu(false);\n                onEdit();\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '8px',\n                width: '100%',\n                padding: '12px 16px',\n                textAlign: 'left',\n                backgroundColor: 'transparent',\n                border: 'none',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                cursor: 'pointer',\n                fontSize: '14px',\n                color: SEMANTIC_COLORS.textPrimary,\n                fontWeight: 500,\n              }}\n            >\n              ✏️ Edit Filter\n            </button>\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                setShowMenu(false);\n                onDelete();\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '8px',\n                width: '100%',\n                padding: '12px 16px',\n                textAlign: 'left',\n                backgroundColor: 'transparent',\n                border: 'none',\n                cursor: 'pointer',\n                fontSize: '14px',\n                color: SEMANTIC_COLORS.statusErrorText,\n                fontWeight: 500,\n              }}\n            >\n              🗑️ Delete Filter\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// FilterValueEditor Sub-component\n// ============================================================================\n\ninterface FilterValueEditorProps {\n  filter: GlobalFilter;\n  value: unknown;\n  onChange: (value: unknown) => void;\n  onClose: () => void;\n}\n\nfunction FilterValueEditor({ filter, value, onChange, onClose }: FilterValueEditorProps) {\n  const [localValue, setLocalValue] = useState(value);\n  const isDarkMode = useDarkMode();\n  const SEMANTIC_COLORS = getColors(isDarkMode);\n\n  const handleApply = () => {\n    onChange(localValue);\n  };\n\n  return (\n    <>\n      {/* Backdrop to capture clicks outside */}\n      <div\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          zIndex: 99998,\n        }}\n        onClick={onClose}\n      />\n      <div\n        style={{\n          position: 'absolute',\n          top: '100%',\n          left: 0,\n          marginTop: '8px',\n          minWidth: '280px',\n          padding: '16px',\n          backgroundColor: SEMANTIC_COLORS.bgPrimary,\n          border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '12px',\n          boxShadow: '0 8px 24px rgba(0,0,0,0.25)',\n          zIndex: 99999,\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Render appropriate input based on filter type (per spec) */}\n        {filter.type === 'TEXT_SEARCH' && (\n          <input\n            type=\"text\"\n            value={(localValue as string) || ''}\n            onChange={(e) => setLocalValue(e.target.value)}\n            placeholder=\"Search...\"\n            style={{\n              width: '100%',\n              padding: '8px',\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '4px',\n              fontSize: '13px',\n              boxSizing: 'border-box',\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              color: SEMANTIC_COLORS.textPrimary,\n            }}\n          />\n        )}\n\n        {filter.type === 'CATEGORY' && (\n          <select\n            value={(localValue as string) || ''}\n            onChange={(e) => setLocalValue(e.target.value)}\n            style={{\n              width: '100%',\n              padding: '8px',\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '4px',\n              fontSize: '13px',\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              color: SEMANTIC_COLORS.textPrimary,\n            }}\n          >\n            <option value=\"\">All</option>\n            {(filter.config.options as Array<Record<string, unknown>> | undefined)?.map((opt) => (\n              <option key={String(opt.value)} value={String(opt.value)}>\n                {String(opt.label)}\n              </option>\n            ))}\n          </select>\n        )}\n\n        {filter.type === 'DATE_RANGE' &&\n          (() => {\n            const dateVal = (localValue || {}) as Record<string, string>;\n            return (\n              <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n                <input\n                  type=\"date\"\n                  value={dateVal.start || ''}\n                  onChange={(e) => setLocalValue({ ...dateVal, start: e.target.value })}\n                  style={{\n                    padding: '8px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    fontSize: '13px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                />\n                <input\n                  type=\"date\"\n                  value={dateVal.end || ''}\n                  onChange={(e) => setLocalValue({ ...dateVal, end: e.target.value })}\n                  style={{\n                    padding: '8px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    fontSize: '13px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                />\n              </div>\n            );\n          })()}\n\n        {filter.type === 'NUMERIC_RANGE' &&\n          (() => {\n            const numVal = (localValue || {}) as Record<string, number | undefined>;\n            return (\n              <div style={{ display: 'flex', gap: '8px' }}>\n                <input\n                  type=\"number\"\n                  value={numVal.min ?? ''}\n                  onChange={(e) =>\n                    setLocalValue({ ...numVal, min: e.target.value ? Number(e.target.value) : undefined })\n                  }\n                  placeholder=\"Min\"\n                  style={{\n                    flex: 1,\n                    padding: '8px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    fontSize: '13px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                />\n                <input\n                  type=\"number\"\n                  value={numVal.max ?? ''}\n                  onChange={(e) =>\n                    setLocalValue({ ...numVal, max: e.target.value ? Number(e.target.value) : undefined })\n                  }\n                  placeholder=\"Max\"\n                  style={{\n                    flex: 1,\n                    padding: '8px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    fontSize: '13px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                />\n              </div>\n            );\n          })()}\n\n        {filter.type === 'CUSTOM' && (\n          <input\n            type=\"text\"\n            value={typeof localValue === 'string' ? localValue : JSON.stringify(localValue || '')}\n            onChange={(e) => setLocalValue(e.target.value)}\n            placeholder=\"Custom filter value...\"\n            style={{\n              width: '100%',\n              padding: '8px',\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '4px',\n              fontSize: '13px',\n              boxSizing: 'border-box',\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              color: SEMANTIC_COLORS.textPrimary,\n            }}\n          />\n        )}\n\n        {/* Apply Button */}\n        <div style={{ marginTop: '16px', display: 'flex', justifyContent: 'flex-end', gap: '10px' }}>\n          <button\n            onClick={onClose}\n            style={{\n              padding: '8px 16px',\n              fontSize: '14px',\n              backgroundColor: SEMANTIC_COLORS.bgPrimary,\n              border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              borderRadius: '6px',\n              cursor: 'pointer',\n              color: SEMANTIC_COLORS.textSecondary,\n              fontWeight: 500,\n            }}\n          >\n            Cancel\n          </button>\n          <button\n            onClick={handleApply}\n            style={{\n              padding: '8px 16px',\n              fontSize: '14px',\n              backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n              color: SEMANTIC_COLORS.actionPrimaryFg,\n              border: 'none',\n              borderRadius: '6px',\n              cursor: 'pointer',\n              fontWeight: 500,\n              boxShadow: '0 2px 4px rgba(99, 102, 241, 0.3)',\n            }}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default FilterChip;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.d.ts

@@ -0,0 +1,16 @@
+import { GlobalFilter, FilterType } from '../../../hooks';
+
+export interface FilterEditorProps {
+    filter: GlobalFilter | null;
+    onSave: (data: {
+        name: string;
+        type: FilterType;
+        config: Record<string, unknown>;
+        defaultValue?: unknown;
+        isRequired?: boolean;
+    }) => void;
+    onClose: () => void;
+}
+export declare function FilterEditor({ filter, onSave, onClose }: FilterEditorProps): import("react/jsx-runtime").JSX.Element;
+export default FilterEditor;
+//# sourceMappingURL=FilterEditor.d.ts.map

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterEditor.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAsB/D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,UAAU,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkBD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA6Y1E;AAED,eAAe,YAAY,CAAC"}