@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,365 @@
+import e from "../../../hooks/useGlobalFilters.js";
+import t from "../../../hooks/useFilterUrlSync.js";
+import n from "../../../hooks/useFilterPresets.js";
+import "../../../hooks/index.js";
+import { SEMANTIC_COLORS as r } from "../../../utils/semanticTokens.js";
+import i from "./FilterChip.js";
+import a from "./FilterEditor.js";
+import o from "./FilterPresetSelector.js";
+import { useCallback as s, useEffect as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx
+function f({ dashboardId: f, onFilterChange: p, collapsible: ee = !0, className: m = "", enableUrlSync: h = !0, enablePresets: g = !0 }) {
+	let { filters: _, activeValues: v, loading: y, fetchFilters: b, createFilter: x, updateFilter: S, deleteFilter: C, setFilterValue: w, resetFilters: T } = e(), { getShareableUrl: E, clearUrlParams: D } = t({
+		enabled: h,
+		paramPrefix: "filter_",
+		debounceMs: 300
+	}), { presets: O, activePresetId: k, loadPresets: A, applyPreset: j, saveCurrentAsPreset: M, deletePreset: N, clearActivePreset: P } = n(f), [F, I] = l(!1), [L, R] = l(!1), [z, B] = l(null), [V, H] = l(!1);
+	c(() => {
+		f && (b(f), g && A(f));
+	}, [
+		f,
+		b,
+		A,
+		g
+	]), c(() => {
+		p && p(v);
+	}, [v, p]), c(() => {
+		if (k && Object.keys(v).length > 0) {
+			let e = O.find((e) => e.id === k);
+			e && JSON.stringify(e.values) !== JSON.stringify(v) && P();
+		}
+	}, [
+		v,
+		k,
+		O,
+		P
+	]);
+	let U = s((e, t) => {
+		w(e, t);
+	}, [w]), W = s(() => {
+		B(null), R(!0);
+	}, []), G = s((e) => {
+		B(e), R(!0);
+	}, []), K = s(async (e) => {
+		z ? await S({
+			id: z.id,
+			name: e.name,
+			config: e.config,
+			defaultValue: e.defaultValue,
+			isRequired: e.isRequired
+		}) : await x({
+			dashboardId: f,
+			name: e.name,
+			type: e.type,
+			config: e.config,
+			defaultValue: e.defaultValue,
+			isRequired: e.isRequired
+		}), R(!1), B(null);
+	}, [
+		f,
+		z,
+		x,
+		S
+	]), q = s(async (e) => {
+		await C(e);
+	}, [C]), J = s(() => {
+		T(), D(), P();
+	}, [
+		T,
+		D,
+		P
+	]), Y = s(async () => {
+		let e = E();
+		try {
+			await navigator.clipboard.writeText(e), H(!0), setTimeout(() => H(!1), 2e3);
+		} catch {}
+	}, [E]), X = s((e) => {
+		j(e);
+	}, [j]), Z = s((e, t) => {
+		M(e, t);
+	}, [M]), Q = s((e) => {
+		N(e);
+	}, [N]), te = s(() => {
+		I((e) => !e);
+	}, []), $ = Object.keys(v).filter((e) => v[e] !== void 0 && v[e] !== null && v[e] !== "").length;
+	return y && _.length === 0 ? /* @__PURE__ */ d("div", {
+		className: m,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: "10px",
+			padding: "12px 16px",
+			backgroundColor: r.bgPrimary,
+			borderBottom: `1px solid ${r.borderDefault}`
+		},
+		children: [/* @__PURE__ */ u("div", { style: {
+			width: "16px",
+			height: "16px",
+			border: `2px solid ${r.actionPrimaryBg}`,
+			borderTopColor: "transparent",
+			borderRadius: "50%",
+			animation: "spin 1s linear infinite"
+		} }), /* @__PURE__ */ u("span", {
+			style: {
+				color: r.textSecondary,
+				fontSize: "14px"
+			},
+			children: "Loading filters..."
+		})]
+	}) : _.length === 0 ? /* @__PURE__ */ d("div", {
+		className: m,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			padding: "12px 16px",
+			backgroundColor: r.bgPrimary,
+			borderBottom: `1px solid ${r.borderDefault}`
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "10px"
+				},
+				children: [/* @__PURE__ */ u("span", {
+					style: {
+						fontWeight: 600,
+						fontSize: "14px",
+						color: r.textPrimary
+					},
+					children: "Filters"
+				}), /* @__PURE__ */ u("span", {
+					style: {
+						color: r.textTertiary,
+						fontSize: "13px"
+					},
+					children: "No filters configured"
+				})]
+			}),
+			/* @__PURE__ */ u("button", {
+				onClick: W,
+				style: {
+					padding: "6px 14px",
+					fontSize: "13px",
+					color: r.actionPrimaryFg,
+					backgroundColor: r.actionPrimaryBg,
+					border: "none",
+					borderRadius: "6px",
+					cursor: "pointer",
+					fontWeight: 500,
+					boxShadow: "0 2px 4px rgba(99, 102, 241, 0.3)"
+				},
+				children: "+ Add Filter"
+			}),
+			L && /* @__PURE__ */ u(a, {
+				filter: z,
+				onSave: K,
+				onClose: () => {
+					R(!1), B(null);
+				}
+			})
+		]
+	}) : /* @__PURE__ */ d("div", {
+		className: m,
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			backgroundColor: r.bgPrimary,
+			borderBottom: `1px solid ${r.borderDefault}`,
+			boxShadow: "0 2px 4px rgba(0,0,0,0.05)"
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					padding: "10px 16px",
+					borderBottom: F ? "none" : `1px solid ${r.borderDefault}`,
+					backgroundColor: r.bgSecondary
+				},
+				children: [/* @__PURE__ */ d("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: "10px"
+					},
+					children: [
+						/* @__PURE__ */ u("span", {
+							style: {
+								fontWeight: 600,
+								fontSize: "14px",
+								color: r.textPrimary
+							},
+							children: "Filters"
+						}),
+						/* @__PURE__ */ u("span", {
+							style: {
+								fontSize: "12px",
+								color: r.actionPrimaryFg,
+								backgroundColor: r.actionPrimaryBg,
+								padding: "2px 8px",
+								borderRadius: "12px",
+								fontWeight: 500
+							},
+							children: _.length
+						}),
+						$ > 0 && /* @__PURE__ */ d("span", {
+							style: {
+								fontSize: "11px",
+								color: r.statusSuccessText,
+								backgroundColor: r.statusSuccessBgSubtle,
+								padding: "2px 8px",
+								borderRadius: "12px",
+								fontWeight: 500
+							},
+							children: [$, " active"]
+						})
+					]
+				}), /* @__PURE__ */ d("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: "10px"
+					},
+					children: [
+						g && /* @__PURE__ */ u(o, {
+							presets: O,
+							activePresetId: k,
+							onApplyPreset: X,
+							onSavePreset: Z,
+							onDeletePreset: Q
+						}),
+						h && $ > 0 && /* @__PURE__ */ d("div", {
+							style: { position: "relative" },
+							children: [/* @__PURE__ */ d("button", {
+								onClick: Y,
+								title: "Copy shareable URL with filters",
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: "6px",
+									padding: "8px 12px",
+									fontSize: "13px",
+									color: r.textSecondary,
+									backgroundColor: r.bgPrimary,
+									border: `1px solid ${r.borderDefault}`,
+									borderRadius: "6px",
+									cursor: "pointer",
+									fontWeight: 500
+								},
+								children: [/* @__PURE__ */ d("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "2",
+									children: [
+										/* @__PURE__ */ u("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
+										/* @__PURE__ */ u("polyline", { points: "16,6 12,2 8,6" }),
+										/* @__PURE__ */ u("line", {
+											x1: "12",
+											y1: "2",
+											x2: "12",
+											y2: "15"
+										})
+									]
+								}), "Share"]
+							}), V && /* @__PURE__ */ u("div", {
+								style: {
+									position: "absolute",
+									top: "100%",
+									left: "50%",
+									transform: "translateX(-50%)",
+									marginTop: "4px",
+									padding: "6px 12px",
+									backgroundColor: r.textPrimary,
+									color: r.bgPrimary,
+									fontSize: "12px",
+									borderRadius: "4px",
+									whiteSpace: "nowrap",
+									zIndex: 100001
+								},
+								children: "URL copied!"
+							})]
+						}),
+						$ > 0 && /* @__PURE__ */ u("button", {
+							onClick: J,
+							style: {
+								padding: "8px 12px",
+								fontSize: "13px",
+								color: r.statusErrorText,
+								backgroundColor: "transparent",
+								border: "none",
+								cursor: "pointer",
+								fontWeight: 500
+							},
+							children: "Reset all"
+						}),
+						/* @__PURE__ */ u("button", {
+							onClick: W,
+							style: {
+								padding: "8px 14px",
+								fontSize: "13px",
+								color: r.actionPrimaryFg,
+								backgroundColor: r.actionPrimaryBg,
+								border: "none",
+								borderRadius: "6px",
+								cursor: "pointer",
+								fontWeight: 500,
+								boxShadow: "0 2px 4px rgba(99, 102, 241, 0.3)"
+							},
+							children: "+ Add Filter"
+						}),
+						ee && /* @__PURE__ */ u("button", {
+							onClick: te,
+							style: {
+								padding: "8px 12px",
+								fontSize: "13px",
+								color: r.textSecondary,
+								backgroundColor: "transparent",
+								border: `1px solid ${r.borderDefault}`,
+								borderRadius: "6px",
+								cursor: "pointer"
+							},
+							children: F ? "▼ Expand" : "▲ Collapse"
+						})
+					]
+				})]
+			}),
+			!F && /* @__PURE__ */ u("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: "10px",
+					padding: "12px 16px",
+					overflow: "visible",
+					backgroundColor: r.bgPrimary,
+					position: "relative"
+				},
+				children: _.map((e) => /* @__PURE__ */ u(i, {
+					filter: e,
+					value: v[e.id],
+					onChange: (t) => U(e.id, t),
+					onEdit: () => G(e),
+					onDelete: () => q(e.id)
+				}, e.id))
+			}),
+			L && /* @__PURE__ */ u(a, {
+				filter: z,
+				onSave: K,
+				onClose: () => {
+					R(!1), B(null);
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=GlobalFiltersBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalFiltersBar.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx"],"sourcesContent":["/**\n * GlobalFiltersBar Component\n *\n * Displays and manages global dashboard filters.\n * v2.0: Added URL persistence and filter presets support.\n */\n\nimport React, { useState, useEffect, useCallback } from 'react';\nimport {\n  useGlobalFilters,\n  useFilterUrlSync,\n  useFilterPresets,\n  type GlobalFilter,\n  type FilterType,\n} from '../../../hooks';\nimport { FilterChip } from './FilterChip';\nimport { FilterEditor } from './FilterEditor';\nimport { FilterPresetSelector } from './FilterPresetSelector';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface GlobalFiltersBarProps {\n  dashboardId: string;\n  onFilterChange?: (values: Record<string, unknown>) => void;\n  collapsible?: boolean;\n  className?: string;\n  /** Enable URL sync for shareable filtered views */\n  enableUrlSync?: boolean;\n  /** Enable filter presets */\n  enablePresets?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function GlobalFiltersBar({\n  dashboardId,\n  onFilterChange,\n  collapsible = true,\n  className = '',\n  enableUrlSync = true,\n  enablePresets = true,\n}: GlobalFiltersBarProps) {\n  const {\n    filters,\n    activeValues,\n    loading,\n    fetchFilters,\n    createFilter,\n    updateFilter,\n    deleteFilter,\n    setFilterValue,\n    resetFilters,\n  } = useGlobalFilters();\n\n  // URL Sync hook\n  const { getShareableUrl, clearUrlParams } = useFilterUrlSync({\n    enabled: enableUrlSync,\n    paramPrefix: 'filter_',\n    debounceMs: 300,\n  });\n\n  // Filter Presets hook\n  const {\n    presets,\n    activePresetId,\n    loadPresets,\n    applyPreset,\n    saveCurrentAsPreset,\n    deletePreset: removePreset,\n    clearActivePreset,\n  } = useFilterPresets(dashboardId);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isEditorOpen, setIsEditorOpen] = useState(false);\n  const [editingFilter, setEditingFilter] = useState<GlobalFilter | null>(null);\n  const [showShareTooltip, setShowShareTooltip] = useState(false);\n\n  // Fetch filters on mount\n  useEffect(() => {\n    if (dashboardId) {\n      fetchFilters(dashboardId);\n      if (enablePresets) {\n        loadPresets(dashboardId);\n      }\n    }\n  }, [dashboardId, fetchFilters, loadPresets, enablePresets]);\n\n  // Notify parent of filter changes\n  useEffect(() => {\n    if (onFilterChange) {\n      onFilterChange(activeValues);\n    }\n  }, [activeValues, onFilterChange]);\n\n  // Clear active preset when filter values change manually\n  useEffect(() => {\n    if (activePresetId && Object.keys(activeValues).length > 0) {\n      // Check if current values differ from active preset\n      const preset = presets.find((p) => p.id === activePresetId);\n      if (preset) {\n        const presetStr = JSON.stringify(preset.values);\n        const currentStr = JSON.stringify(activeValues);\n        if (presetStr !== currentStr) {\n          clearActivePreset();\n        }\n      }\n    }\n  }, [activeValues, activePresetId, presets, clearActivePreset]);\n\n  // Handle filter value change\n  const handleFilterChange = useCallback(\n    (filterId: string, value: unknown) => {\n      setFilterValue(filterId, value);\n    },\n    [setFilterValue]\n  );\n\n  // Handle add new filter\n  const handleAddFilter = useCallback(() => {\n    setEditingFilter(null);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle edit filter\n  const handleEditFilter = useCallback((filter: GlobalFilter) => {\n    setEditingFilter(filter);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle save filter\n  const handleSaveFilter = useCallback(\n    async (data: {\n      name: string;\n      type: FilterType;\n      config: Record<string, unknown>;\n      defaultValue?: unknown;\n      isRequired?: boolean;\n    }) => {\n      if (editingFilter) {\n        await updateFilter({\n          id: editingFilter.id,\n          name: data.name,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n      } else {\n        await createFilter({\n          dashboardId,\n          name: data.name,\n          type: data.type,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n      }\n      setIsEditorOpen(false);\n      setEditingFilter(null);\n    },\n    [dashboardId, editingFilter, createFilter, updateFilter]\n  );\n\n  // Handle delete filter\n  const handleDeleteFilter = useCallback(\n    async (filterId: string) => {\n      await deleteFilter(filterId);\n    },\n    [deleteFilter]\n  );\n\n  // Handle reset all filters\n  const handleResetAll = useCallback(() => {\n    resetFilters();\n    clearUrlParams();\n    clearActivePreset();\n  }, [resetFilters, clearUrlParams, clearActivePreset]);\n\n  // Handle copy shareable URL\n  const handleCopyShareableUrl = useCallback(async () => {\n    const url = getShareableUrl();\n    try {\n      await navigator.clipboard.writeText(url);\n      setShowShareTooltip(true);\n      setTimeout(() => setShowShareTooltip(false), 2000);\n    } catch {\n      // Failed to copy URL to clipboard\n    }\n  }, [getShareableUrl]);\n\n  // Handle apply preset\n  const handleApplyPreset = useCallback(\n    (presetId: string) => {\n      applyPreset(presetId);\n    },\n    [applyPreset]\n  );\n\n  // Handle save current as preset\n  const handleSavePreset = useCallback(\n    (name: string, description?: string) => {\n      saveCurrentAsPreset(name, description);\n    },\n    [saveCurrentAsPreset]\n  );\n\n  // Handle delete preset\n  const handleDeletePreset = useCallback(\n    (presetId: string) => {\n      removePreset(presetId);\n    },\n    [removePreset]\n  );\n\n  // Toggle collapse\n  const toggleCollapse = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = Object.keys(activeValues).filter(\n    (key) => activeValues[key] !== undefined && activeValues[key] !== null && activeValues[key] !== ''\n  ).length;\n\n  if (loading && filters.length === 0) {\n    return (\n      <div\n        className={className}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '10px',\n          padding: '12px 16px',\n          backgroundColor: SEMANTIC_COLORS.bgPrimary,\n          borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        }}\n      >\n        <div\n          style={{\n            width: '16px',\n            height: '16px',\n            border: `2px solid ${SEMANTIC_COLORS.actionPrimaryBg}`,\n            borderTopColor: 'transparent',\n            borderRadius: '50%',\n            animation: 'spin 1s linear infinite',\n          }}\n        />\n        <span style={{ color: SEMANTIC_COLORS.textSecondary, fontSize: '14px' }}>Loading filters...</span>\n      </div>\n    );\n  }\n\n  // Show empty state with \"Add Filter\" button when no filters exist\n  if (filters.length === 0) {\n    return (\n      <div\n        className={className}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '12px 16px',\n          backgroundColor: SEMANTIC_COLORS.bgPrimary,\n          borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n          <span style={{ fontWeight: 600, fontSize: '14px', color: SEMANTIC_COLORS.textPrimary }}>Filters</span>\n          <span style={{ color: SEMANTIC_COLORS.textTertiary, fontSize: '13px' }}>No filters configured</span>\n        </div>\n        <button\n          onClick={handleAddFilter}\n          style={{\n            padding: '6px 14px',\n            fontSize: '13px',\n            color: SEMANTIC_COLORS.actionPrimaryFg,\n            backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\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          + Add Filter\n        </button>\n\n        {/* Filter Editor Modal */}\n        {isEditorOpen && (\n          <FilterEditor\n            filter={editingFilter}\n            onSave={handleSaveFilter}\n            onClose={() => {\n              setIsEditorOpen(false);\n              setEditingFilter(null);\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: SEMANTIC_COLORS.bgPrimary,\n        borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        boxShadow: '0 2px 4px rgba(0,0,0,0.05)',\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '10px 16px',\n          borderBottom: isCollapsed ? 'none' : `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n          backgroundColor: SEMANTIC_COLORS.bgSecondary,\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n          <span style={{ fontWeight: 600, fontSize: '14px', color: SEMANTIC_COLORS.textPrimary }}>Filters</span>\n          <span\n            style={{\n              fontSize: '12px',\n              color: SEMANTIC_COLORS.actionPrimaryFg,\n              backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n              padding: '2px 8px',\n              borderRadius: '12px',\n              fontWeight: 500,\n            }}\n          >\n            {filters.length}\n          </span>\n          {activeFilterCount > 0 && (\n            <span\n              style={{\n                fontSize: '11px',\n                color: SEMANTIC_COLORS.statusSuccessText,\n                backgroundColor: SEMANTIC_COLORS.statusSuccessBgSubtle,\n                padding: '2px 8px',\n                borderRadius: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {activeFilterCount} active\n            </span>\n          )}\n        </div>\n\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n          {/* Filter Presets Selector */}\n          {enablePresets && (\n            <FilterPresetSelector\n              presets={presets}\n              activePresetId={activePresetId}\n              onApplyPreset={handleApplyPreset}\n              onSavePreset={handleSavePreset}\n              onDeletePreset={handleDeletePreset}\n            />\n          )}\n\n          {/* Share URL Button */}\n          {enableUrlSync && activeFilterCount > 0 && (\n            <div style={{ position: 'relative' }}>\n              <button\n                onClick={handleCopyShareableUrl}\n                title=\"Copy shareable URL with filters\"\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '6px',\n                  padding: '8px 12px',\n                  fontSize: '13px',\n                  color: SEMANTIC_COLORS.textSecondary,\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  fontWeight: 500,\n                }}\n              >\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                  <path d=\"M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8\" />\n                  <polyline points=\"16,6 12,2 8,6\" />\n                  <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\" />\n                </svg>\n                Share\n              </button>\n              {showShareTooltip && (\n                <div\n                  style={{\n                    position: 'absolute',\n                    top: '100%',\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    marginTop: '4px',\n                    padding: '6px 12px',\n                    backgroundColor: SEMANTIC_COLORS.textPrimary,\n                    color: SEMANTIC_COLORS.bgPrimary,\n                    fontSize: '12px',\n                    borderRadius: '4px',\n                    whiteSpace: 'nowrap',\n                    zIndex: 100001,\n                  }}\n                >\n                  URL copied!\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Reset Button */}\n          {activeFilterCount > 0 && (\n            <button\n              onClick={handleResetAll}\n              style={{\n                padding: '8px 12px',\n                fontSize: '13px',\n                color: SEMANTIC_COLORS.statusErrorText,\n                backgroundColor: 'transparent',\n                border: 'none',\n                cursor: 'pointer',\n                fontWeight: 500,\n              }}\n            >\n              Reset all\n            </button>\n          )}\n\n          {/* Add Filter Button */}\n          <button\n            onClick={handleAddFilter}\n            style={{\n              padding: '8px 14px',\n              fontSize: '13px',\n              color: SEMANTIC_COLORS.actionPrimaryFg,\n              backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\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            + Add Filter\n          </button>\n\n          {/* Collapse Button */}\n          {collapsible && (\n            <button\n              onClick={toggleCollapse}\n              style={{\n                padding: '8px 12px',\n                fontSize: '13px',\n                color: SEMANTIC_COLORS.textSecondary,\n                backgroundColor: 'transparent',\n                border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                borderRadius: '6px',\n                cursor: 'pointer',\n              }}\n            >\n              {isCollapsed ? '▼ Expand' : '▲ Collapse'}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filters List */}\n      {!isCollapsed && (\n        <div\n          style={{\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: '10px',\n            padding: '12px 16px',\n            overflow: 'visible',\n            backgroundColor: SEMANTIC_COLORS.bgPrimary,\n            position: 'relative',\n          }}\n        >\n          {filters.map((filter) => (\n            <FilterChip\n              key={filter.id}\n              filter={filter}\n              value={activeValues[filter.id]}\n              onChange={(value) => handleFilterChange(filter.id, value)}\n              onEdit={() => handleEditFilter(filter)}\n              onDelete={() => handleDeleteFilter(filter.id)}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Filter Editor Modal */}\n      {isEditorOpen && (\n        <FilterEditor\n          filter={editingFilter}\n          onSave={handleSaveFilter}\n          onClose={() => {\n            setIsEditorOpen(false);\n            setEditingFilter(null);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default GlobalFiltersBar;\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/**
+ * GlobalFiltersBar Components
+ */
+export { GlobalFiltersBar, type GlobalFiltersBarProps } from './GlobalFiltersBar';
+export { FilterChip, type FilterChipProps } from './FilterChip';
+export { FilterEditor, type FilterEditorProps } from './FilterEditor';
+export { default } from './GlobalFiltersBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,3 @@
+import "./FilterChip.js";
+import "./FilterEditor.js";
+import "./GlobalFiltersBar.js";

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export interface ImportDashboardDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess?: (dashboardId: string, dashboardName: string, originalUpdated: boolean) => void;
+}
+export declare const ImportDashboardDialog: FC<ImportDashboardDialogProps>;
+export default ImportDashboardDialog;
+//# sourceMappingURL=ImportDashboardDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDashboardDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/ImportDashboardDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAuBhF,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5F;AAsBD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqb/D,CAAC;AAEH,eAAe,qBAAqB,CAAC"}