@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,315 @@
+import { SEMANTIC_COLORS as e } from "../../../utils/semanticTokens.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx
+function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, onDeletePreset: u, disabled: d = !1 }) {
+	let [f, p] = r(!1), [m, h] = r(!1), [g, _] = r(""), [v, y] = r(""), b = n(null), x = o.find((e) => e.id === s);
+	t(() => {
+		function e(e) {
+			b.current && !b.current.contains(e.target) && (p(!1), h(!1));
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let S = () => {
+		g.trim() && (l(g.trim(), v.trim() || void 0), _(""), y(""), h(!1), p(!1));
+	}, C = (e, t) => {
+		e.stopPropagation(), window.confirm("Are you sure you want to delete this preset?") && u(t);
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: b,
+		style: {
+			position: "relative",
+			display: "inline-block"
+		},
+		children: [/* @__PURE__ */ a("button", {
+			onClick: () => !d && p(!f),
+			disabled: d,
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				padding: "8px 14px",
+				backgroundColor: x ? e.statusSuccessBgSubtle : e.bgPrimary,
+				border: `1px solid ${x ? e.statusSuccessBg : e.borderDefault}`,
+				borderRadius: "6px",
+				cursor: d ? "not-allowed" : "pointer",
+				fontSize: "13px",
+				color: x ? e.statusSuccessText : e.textSecondary,
+				fontWeight: 500,
+				opacity: d ? .6 : 1,
+				minWidth: "140px",
+				justifyContent: "space-between"
+			},
+			children: [/* @__PURE__ */ a("span", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "6px"
+				},
+				children: [/* @__PURE__ */ a("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: [
+						/* @__PURE__ */ i("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
+						/* @__PURE__ */ i("polyline", { points: "17,21 17,13 7,13 7,21" }),
+						/* @__PURE__ */ i("polyline", { points: "7,3 7,8 15,8" })
+					]
+				}), x ? x.name : "Presets"]
+			}), /* @__PURE__ */ i("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				style: {
+					transform: f ? "rotate(180deg)" : "rotate(0deg)",
+					transition: "transform 0.2s ease"
+				},
+				children: /* @__PURE__ */ i("polyline", { points: "6,9 12,15 18,9" })
+			})]
+		}), f && /* @__PURE__ */ a("div", {
+			style: {
+				position: "absolute",
+				top: "100%",
+				left: 0,
+				marginTop: "4px",
+				minWidth: "280px",
+				backgroundColor: e.bgPrimary,
+				border: `1px solid ${e.borderDefault}`,
+				borderRadius: "8px",
+				boxShadow: "0 4px 16px rgba(0,0,0,0.15)",
+				zIndex: 1e5,
+				overflow: "hidden"
+			},
+			children: [
+				/* @__PURE__ */ a("div", {
+					style: {
+						padding: "12px 16px",
+						borderBottom: `1px solid ${e.borderDefault}`,
+						backgroundColor: e.bgSecondary,
+						display: "flex",
+						justifyContent: "space-between",
+						alignItems: "center"
+					},
+					children: [/* @__PURE__ */ i("span", {
+						style: {
+							fontWeight: 600,
+							fontSize: "13px",
+							color: e.textPrimary
+						},
+						children: "Filter Presets"
+					}), /* @__PURE__ */ i("button", {
+						onClick: () => h(!0),
+						style: {
+							padding: "4px 10px",
+							fontSize: "12px",
+							backgroundColor: e.actionPrimaryBg,
+							color: e.actionPrimaryFg,
+							border: "none",
+							borderRadius: "4px",
+							cursor: "pointer",
+							fontWeight: 500
+						},
+						children: "+ Save Current"
+					})]
+				}),
+				m && /* @__PURE__ */ a("div", {
+					style: {
+						padding: "12px 16px",
+						borderBottom: `1px solid ${e.borderDefault}`,
+						backgroundColor: e.bgSecondary
+					},
+					children: [
+						/* @__PURE__ */ i("input", {
+							type: "text",
+							value: g,
+							onChange: (e) => _(e.target.value),
+							placeholder: "Preset name...",
+							autoFocus: !0,
+							style: {
+								width: "100%",
+								padding: "8px 10px",
+								border: `1px solid ${e.borderDefault}`,
+								borderRadius: "4px",
+								fontSize: "13px",
+								marginBottom: "8px",
+								boxSizing: "border-box",
+								backgroundColor: e.bgPrimary,
+								color: e.textPrimary
+							}
+						}),
+						/* @__PURE__ */ i("input", {
+							type: "text",
+							value: v,
+							onChange: (e) => y(e.target.value),
+							placeholder: "Description (optional)...",
+							style: {
+								width: "100%",
+								padding: "8px 10px",
+								border: `1px solid ${e.borderDefault}`,
+								borderRadius: "4px",
+								fontSize: "13px",
+								marginBottom: "8px",
+								boxSizing: "border-box",
+								backgroundColor: e.bgPrimary,
+								color: e.textPrimary
+							}
+						}),
+						/* @__PURE__ */ a("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								justifyContent: "flex-end"
+							},
+							children: [/* @__PURE__ */ i("button", {
+								onClick: () => {
+									h(!1), _(""), y("");
+								},
+								style: {
+									padding: "6px 12px",
+									fontSize: "12px",
+									backgroundColor: e.bgPrimary,
+									border: `1px solid ${e.borderDefault}`,
+									borderRadius: "4px",
+									cursor: "pointer",
+									color: e.textSecondary
+								},
+								children: "Cancel"
+							}), /* @__PURE__ */ i("button", {
+								onClick: S,
+								disabled: !g.trim(),
+								style: {
+									padding: "6px 12px",
+									fontSize: "12px",
+									backgroundColor: g.trim() ? e.statusSuccessBg : e.bgTertiary,
+									color: g.trim() ? e.actionPrimaryFg : e.textTertiary,
+									border: "none",
+									borderRadius: "4px",
+									cursor: g.trim() ? "pointer" : "not-allowed",
+									fontWeight: 500
+								},
+								children: "Save"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					style: {
+						maxHeight: "300px",
+						overflowY: "auto"
+					},
+					children: [o.map((t) => /* @__PURE__ */ a("div", {
+						onClick: () => {
+							c(t.id), p(!1);
+						},
+						style: {
+							padding: "10px 16px",
+							cursor: "pointer",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							backgroundColor: s === t.id ? e.actionPrimaryBgSubtle : "transparent",
+							borderLeft: s === t.id ? `3px solid ${e.actionPrimaryBg}` : "3px solid transparent",
+							transition: "background-color 0.15s ease"
+						},
+						onMouseEnter: (n) => {
+							s !== t.id && (n.currentTarget.style.backgroundColor = e.bgSecondary);
+						},
+						onMouseLeave: (e) => {
+							s !== t.id && (e.currentTarget.style.backgroundColor = "transparent");
+						},
+						children: [
+							/* @__PURE__ */ a("div", {
+								style: { flex: 1 },
+								children: [/* @__PURE__ */ a("div", {
+									style: {
+										fontSize: "13px",
+										fontWeight: 500,
+										color: e.textPrimary,
+										display: "flex",
+										alignItems: "center",
+										gap: "6px"
+									},
+									children: [t.name, t.isDefault && /* @__PURE__ */ i("span", {
+										style: {
+											fontSize: "10px",
+											padding: "2px 6px",
+											backgroundColor: e.bgTertiary,
+											borderRadius: "4px",
+											color: e.textSecondary
+										},
+										children: "Default"
+									})]
+								}), t.description && /* @__PURE__ */ i("div", {
+									style: {
+										fontSize: "11px",
+										color: e.textTertiary,
+										marginTop: "2px"
+									},
+									children: t.description
+								})]
+							}),
+							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ i("button", {
+								onClick: (e) => C(e, t.id),
+								style: {
+									padding: "4px",
+									backgroundColor: "transparent",
+									border: "none",
+									cursor: "pointer",
+									color: e.textTertiary,
+									borderRadius: "4px",
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "center"
+								},
+								onMouseEnter: (t) => {
+									t.currentTarget.style.backgroundColor = e.statusErrorBgSubtle, t.currentTarget.style.color = e.statusErrorText;
+								},
+								onMouseLeave: (t) => {
+									t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.color = e.textTertiary;
+								},
+								title: "Delete preset",
+								children: /* @__PURE__ */ a("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "2",
+									children: [/* @__PURE__ */ i("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ i("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
+								})
+							}),
+							s === t.id && /* @__PURE__ */ i("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: e.actionPrimaryBg,
+								strokeWidth: "3",
+								style: { marginLeft: "8px" },
+								children: /* @__PURE__ */ i("polyline", { points: "20,6 9,17 4,12" })
+							})
+						]
+					}, t.id)), o.length === 0 && /* @__PURE__ */ i("div", {
+						style: {
+							padding: "20px 16px",
+							textAlign: "center",
+							color: e.textTertiary,
+							fontSize: "13px"
+						},
+						children: "No presets saved yet"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=FilterPresetSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPresetSelector.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx"],"sourcesContent":["/**\n * FilterPresetSelector Component\n *\n * Dropdown to select, save, and manage filter presets.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport type { FilterPreset } from '../../../hooks/useFilterPresets';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterPresetSelectorProps {\n  presets: FilterPreset[];\n  activePresetId: string | null;\n  onApplyPreset: (presetId: string) => void;\n  onSavePreset: (name: string, description?: string) => void;\n  onDeletePreset: (presetId: string) => void;\n  disabled?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterPresetSelector({\n  presets,\n  activePresetId,\n  onApplyPreset,\n  onSavePreset,\n  onDeletePreset,\n  disabled = false,\n}: FilterPresetSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [showSaveDialog, setShowSaveDialog] = useState(false);\n  const [newPresetName, setNewPresetName] = useState('');\n  const [newPresetDescription, setNewPresetDescription] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const activePreset = presets.find((p) => p.id === activePresetId);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n        setShowSaveDialog(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const handleSavePreset = () => {\n    if (newPresetName.trim()) {\n      onSavePreset(newPresetName.trim(), newPresetDescription.trim() || undefined);\n      setNewPresetName('');\n      setNewPresetDescription('');\n      setShowSaveDialog(false);\n      setIsOpen(false);\n    }\n  };\n\n  const handleDeletePreset = (e: React.MouseEvent, presetId: string) => {\n    e.stopPropagation();\n    if (window.confirm('Are you sure you want to delete this preset?')) {\n      onDeletePreset(presetId);\n    }\n  };\n\n  return (\n    <div ref={dropdownRef} style={{ position: 'relative', display: 'inline-block' }}>\n      {/* Preset Button */}\n      <button\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '8px',\n          padding: '8px 14px',\n          backgroundColor: activePreset ? SEMANTIC_COLORS.statusSuccessBgSubtle : SEMANTIC_COLORS.bgPrimary,\n          border: `1px solid ${activePreset ? SEMANTIC_COLORS.statusSuccessBg : SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '6px',\n          cursor: disabled ? 'not-allowed' : 'pointer',\n          fontSize: '13px',\n          color: activePreset ? SEMANTIC_COLORS.statusSuccessText : SEMANTIC_COLORS.textSecondary,\n          fontWeight: 500,\n          opacity: disabled ? 0.6 : 1,\n          minWidth: '140px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <span style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <path d=\"M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z\" />\n            <polyline points=\"17,21 17,13 7,13 7,21\" />\n            <polyline points=\"7,3 7,8 15,8\" />\n          </svg>\n          {activePreset ? activePreset.name : 'Presets'}\n        </span>\n        <svg\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          style={{\n            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.2s ease',\n          }}\n        >\n          <polyline points=\"6,9 12,15 18,9\" />\n        </svg>\n      </button>\n\n      {/* Dropdown Menu */}\n      {isOpen && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 0,\n            marginTop: '4px',\n            minWidth: '280px',\n            backgroundColor: SEMANTIC_COLORS.bgPrimary,\n            border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n            borderRadius: '8px',\n            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n            zIndex: 100000,\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n            }}\n          >\n            <span style={{ fontWeight: 600, fontSize: '13px', color: SEMANTIC_COLORS.textPrimary }}>\n              Filter Presets\n            </span>\n            <button\n              onClick={() => setShowSaveDialog(true)}\n              style={{\n                padding: '4px 10px',\n                fontSize: '12px',\n                backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n                color: SEMANTIC_COLORS.actionPrimaryFg,\n                border: 'none',\n                borderRadius: '4px',\n                cursor: 'pointer',\n                fontWeight: 500,\n              }}\n            >\n              + Save Current\n            </button>\n          </div>\n\n          {/* Save Dialog */}\n          {showSaveDialog && (\n            <div\n              style={{\n                padding: '12px 16px',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <input\n                type=\"text\"\n                value={newPresetName}\n                onChange={(e) => setNewPresetName(e.target.value)}\n                placeholder=\"Preset name...\"\n                autoFocus\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <input\n                type=\"text\"\n                value={newPresetDescription}\n                onChange={(e) => setNewPresetDescription(e.target.value)}\n                placeholder=\"Description (optional)...\"\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n                <button\n                  onClick={() => {\n                    setShowSaveDialog(false);\n                    setNewPresetName('');\n                    setNewPresetDescription('');\n                  }}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    cursor: 'pointer',\n                    color: SEMANTIC_COLORS.textSecondary,\n                  }}\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={handleSavePreset}\n                  disabled={!newPresetName.trim()}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: newPresetName.trim()\n                      ? SEMANTIC_COLORS.statusSuccessBg\n                      : SEMANTIC_COLORS.bgTertiary,\n                    color: newPresetName.trim() ? SEMANTIC_COLORS.actionPrimaryFg : SEMANTIC_COLORS.textTertiary,\n                    border: 'none',\n                    borderRadius: '4px',\n                    cursor: newPresetName.trim() ? 'pointer' : 'not-allowed',\n                    fontWeight: 500,\n                  }}\n                >\n                  Save\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Preset List */}\n          <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n            {presets.map((preset) => (\n              <div\n                key={preset.id}\n                onClick={() => {\n                  onApplyPreset(preset.id);\n                  setIsOpen(false);\n                }}\n                style={{\n                  padding: '10px 16px',\n                  cursor: 'pointer',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  backgroundColor: activePresetId === preset.id ? SEMANTIC_COLORS.actionPrimaryBgSubtle : 'transparent',\n                  borderLeft:\n                    activePresetId === preset.id\n                      ? `3px solid ${SEMANTIC_COLORS.actionPrimaryBg}`\n                      : '3px solid transparent',\n                  transition: 'background-color 0.15s ease',\n                }}\n                onMouseEnter={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.bgSecondary;\n                  }\n                }}\n                onMouseLeave={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = 'transparent';\n                  }\n                }}\n              >\n                <div style={{ flex: 1 }}>\n                  <div\n                    style={{\n                      fontSize: '13px',\n                      fontWeight: 500,\n                      color: SEMANTIC_COLORS.textPrimary,\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: '6px',\n                    }}\n                  >\n                    {preset.name}\n                    {preset.isDefault && (\n                      <span\n                        style={{\n                          fontSize: '10px',\n                          padding: '2px 6px',\n                          backgroundColor: SEMANTIC_COLORS.bgTertiary,\n                          borderRadius: '4px',\n                          color: SEMANTIC_COLORS.textSecondary,\n                        }}\n                      >\n                        Default\n                      </span>\n                    )}\n                  </div>\n                  {preset.description && (\n                    <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textTertiary, marginTop: '2px' }}>\n                      {preset.description}\n                    </div>\n                  )}\n                </div>\n\n                {/* Delete button (not for default or system presets) */}\n                {!preset.isDefault && !preset.id.startsWith('preset-last') && !preset.id.startsWith('preset-this') && (\n                  <button\n                    onClick={(e) => handleDeletePreset(e, preset.id)}\n                    style={{\n                      padding: '4px',\n                      backgroundColor: 'transparent',\n                      border: 'none',\n                      cursor: 'pointer',\n                      color: SEMANTIC_COLORS.textTertiary,\n                      borderRadius: '4px',\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'center',\n                    }}\n                    onMouseEnter={(e) => {\n                      e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.statusErrorBgSubtle;\n                      e.currentTarget.style.color = SEMANTIC_COLORS.statusErrorText;\n                    }}\n                    onMouseLeave={(e) => {\n                      e.currentTarget.style.backgroundColor = 'transparent';\n                      e.currentTarget.style.color = SEMANTIC_COLORS.textTertiary;\n                    }}\n                    title=\"Delete preset\"\n                  >\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <polyline points=\"3,6 5,6 21,6\" />\n                      <path d=\"M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2\" />\n                    </svg>\n                  </button>\n                )}\n\n                {/* Checkmark for active preset */}\n                {activePresetId === preset.id && (\n                  <svg\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke={SEMANTIC_COLORS.actionPrimaryBg}\n                    strokeWidth=\"3\"\n                    style={{ marginLeft: '8px' }}\n                  >\n                    <polyline points=\"20,6 9,17 4,12\" />\n                  </svg>\n                )}\n              </div>\n            ))}\n\n            {presets.length === 0 && (\n              <div\n                style={{\n                  padding: '20px 16px',\n                  textAlign: 'center',\n                  color: SEMANTIC_COLORS.textTertiary,\n                  fontSize: '13px',\n                }}\n              >\n                No presets saved yet\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default FilterPresetSelector;\n"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+/**
+ * GlobalFiltersBar Component
+ *
+ * Displays and manages global dashboard filters.
+ * v2.0: Added URL persistence and filter presets support.
+ */
+export interface GlobalFiltersBarProps {
+    dashboardId: string;
+    onFilterChange?: (values: Record<string, unknown>) => void;
+    collapsible?: boolean;
+    className?: string;
+    /** Enable URL sync for shareable filtered views */
+    enableUrlSync?: boolean;
+    /** Enable filter presets */
+    enablePresets?: boolean;
+}
+export declare function GlobalFiltersBar({ dashboardId, onFilterChange, collapsible, className, enableUrlSync, enablePresets, }: GlobalFiltersBarProps): import("react/jsx-runtime").JSX.Element;
+export default GlobalFiltersBar;
+//# sourceMappingURL=GlobalFiltersBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalFiltersBar.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,cAAc,EACd,WAAkB,EAClB,SAAc,EACd,aAAoB,EACpB,aAAoB,GACrB,EAAE,qBAAqB,2CAqdvB;AAED,eAAe,gBAAgB,CAAC"}