@burdenoff/microfe-bigconsole 2026.613.5 → 2026.615.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bigconsole/components/dashboard/DashboardCanvas.js +163 -151
- package/dist/bigconsole/components/dashboard/DashboardCanvas.js.map +1 -1
- package/dist/bigconsole/components/dashboard/DashboardToolbar.js +89 -69
- package/dist/bigconsole/components/dashboard/DashboardToolbar.js.map +1 -1
- package/dist/bigconsole/components/widgets/table/TableHeader.js +89 -29
- package/dist/bigconsole/components/widgets/table/TableHeader.js.map +1 -1
- package/dist/bigconsole/components/widgets/table/TableWidget.js +218 -148
- package/dist/bigconsole/components/widgets/table/TableWidget.js.map +1 -1
- package/dist/bigconsole/hooks/index.js +1 -0
- package/dist/bigconsole/hooks/useDashboardImageExport.js +92 -1
- package/dist/bigconsole/hooks/useDashboardImageExport.js.map +1 -0
- package/dist/bigconsole/hooks/useWidgetConfigPersist.js +32 -0
- package/dist/bigconsole/hooks/useWidgetConfigPersist.js.map +1 -0
- package/dist/bigconsole/store/dashboardStore.js +2 -2
- package/dist/bigconsole/store/dashboardStore.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"sourcesContent":["/**\n * TableWidget Component\n *\n * Data table with sorting, filtering, and pagination.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback, useRef, useEffect } from 'react';\nimport type { Widget, TableConfig, TableColumnConfig } from '../../../types';\nimport { TableHeader, type ColumnDefinition, type SortState, type SortDirection } from './TableHeader';\nimport { TableCell, type CellFormatConfig, type CellChart } from './TableCell';\nimport { TablePagination, type PaginationState } from './TablePagination';\nimport type { ConditionalRule } from '../utils/conditionalFormat';\n// Phase 2: Cross-filtering support\nimport { useWidgetCrossFilter, useCrossFilterContext } from '../../../contexts';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TableWidgetProps {\n /** Widget configuration */\n widget: Widget;\n /** Table data (array of rows) */\n data?: Record<string, unknown>[];\n /** Click handler for row drilldown */\n onRowClick?: (row: Record<string, unknown>, index: number) => void;\n /** Drilldown handler - receives selected row data */\n onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction sortData(data: Record<string, unknown>[], sortState: SortState): Record<string, unknown>[] {\n if (!sortState.column || !sortState.direction) {\n return data;\n }\n\n return [...data].sort((a, b) => {\n const aValue = a[sortState.column!];\n const bValue = b[sortState.column!];\n\n // Handle null/undefined\n if (aValue == null && bValue == null) return 0;\n if (aValue == null) return sortState.direction === 'asc' ? 1 : -1;\n if (bValue == null) return sortState.direction === 'asc' ? -1 : 1;\n\n // Compare values\n let comparison = 0;\n if (typeof aValue === 'number' && typeof bValue === 'number') {\n comparison = aValue - bValue;\n } else {\n comparison = String(aValue).localeCompare(String(bValue));\n }\n\n return sortState.direction === 'asc' ? comparison : -comparison;\n });\n}\n\nfunction filterData(\n data: Record<string, unknown>[],\n searchQuery: string,\n columns: ColumnDefinition[]\n): Record<string, unknown>[] {\n if (!searchQuery.trim()) {\n return data;\n }\n\n const query = searchQuery.toLowerCase();\n return data.filter((row) =>\n columns.some((col) => {\n const value = row[col.key];\n return value != null && String(value).toLowerCase().includes(query);\n })\n );\n}\n\n/** Format a footer total respecting the column's cell format. */\nfunction formatTotal(value: number, formatType?: string, currency?: string): string {\n switch (formatType) {\n case 'currency':\n return new Intl.NumberFormat('en-US', { style: 'currency', currency: currency || 'USD' }).format(value);\n case 'percentage':\n return `${(value * 100).toFixed(1)}%`;\n case 'number':\n return new Intl.NumberFormat('en-US').format(value);\n default:\n return Number.isInteger(value) ? String(value) : value.toFixed(2);\n }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableWidget: FC<TableWidgetProps> = memo(function TableWidget({\n widget,\n data: rawData = [],\n onRowClick,\n onDrilldown,\n}) {\n const config = widget.config as unknown as TableConfig | undefined;\n\n // Normalize data - handle both array and object formats\n const data = useMemo(() => {\n // If it's already an array, use it directly\n if (Array.isArray(rawData)) {\n return rawData;\n }\n\n // If it's an object, try to find an array property\n if (rawData && typeof rawData === 'object') {\n // Check common array property names\n const possibleArrayProps = ['data', 'items', 'rows', 'results', 'records', 'list', 'sales', 'entries', 'values'];\n for (const prop of possibleArrayProps) {\n if (Array.isArray((rawData as Record<string, unknown>)[prop])) {\n return (rawData as Record<string, unknown>)[prop] as Record<string, unknown>[];\n }\n }\n\n // If object has array values, use the first one\n const values = Object.values(rawData);\n for (const value of values) {\n if (Array.isArray(value)) {\n return value as Record<string, unknown>[];\n }\n }\n\n // If it's a single object, wrap it in an array\n return [rawData as Record<string, unknown>];\n }\n\n return [];\n }, [rawData]);\n\n // Phase 2: Cross-filtering support\n const { handleDataClick: triggerCrossFilter, enabled: crossFilterEnabled } = useWidgetCrossFilter(\n widget.id,\n // Map first column to filter ID by default, can be configured\n config?.crossFilterMappings\n );\n const { clearAllCrossFilters, hasCrossFilters } = useCrossFilterContext();\n\n // State\n const [sortState, setSortState] = useState<SortState>({\n column: config?.defaultSortColumn || null,\n direction: (config?.defaultSortDirection as SortDirection) || null,\n });\n const [searchQuery, setSearchQuery] = useState('');\n const [pagination, setPagination] = useState<PaginationState>({\n page: 0,\n pageSize: config?.pageSize || 10,\n totalItems: 0,\n });\n\n // Build column definitions from config or data\n const columns: ColumnDefinition[] = useMemo(() => {\n if (config?.columns?.length) {\n return (config.columns as (string | TableColumnConfig)[]).map((col) => {\n // Handle both string and object column definitions\n if (typeof col === 'string') {\n return {\n key: col,\n header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n sortable: true,\n };\n }\n // Object column definition — accept both .key and .field\n const fieldKey = col.key || col.field || '';\n return {\n key: fieldKey,\n header: col.label || col.header || fieldKey,\n sortable: col.sortable !== false,\n width: col.width != null ? String(col.width) : undefined,\n align: col.align as ColumnDefinition['align'],\n };\n }) as ColumnDefinition[];\n }\n\n // Auto-generate from first data row\n if (data.length > 0) {\n return Object.keys(data[0]).map((key) => ({\n key,\n header: key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, ' '),\n sortable: true,\n }));\n }\n\n return [];\n }, [config?.columns, data]);\n\n // Build cell format configs\n const cellFormats: Record<string, CellFormatConfig> = useMemo(() => {\n const formats: Record<string, CellFormatConfig> = {};\n config?.columns?.forEach((col) => {\n if (col.format && (col.key || col.field)) {\n formats[col.key || col.field || ''] = { type: col.format };\n }\n });\n return formats;\n }, [config?.columns]);\n\n // Per-column in-cell chart kind (e.g. sparkline).\n const columnCellCharts: Record<string, CellChart | undefined> = useMemo(() => {\n const map: Record<string, CellChart | undefined> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.cellChart) {\n map[fieldKey] = col.cellChart;\n }\n });\n return map;\n }, [config?.columns]);\n\n // Per-column conditional rules (column-level overrides win over table-level).\n const tableRules = config?.conditionalRules;\n const columnRules: Record<string, ConditionalRule[] | undefined> = useMemo(() => {\n const map: Record<string, ConditionalRule[] | undefined> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.conditionalRules?.length) {\n map[fieldKey] = col.conditionalRules;\n }\n });\n return map;\n }, [config?.columns]);\n\n // Per-column totals/aggregates for the footer row.\n const columnTotals: Record<string, TableColumnConfig['total']> = useMemo(() => {\n const map: Record<string, TableColumnConfig['total']> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.total && col.total !== 'none') {\n map[fieldKey] = col.total;\n }\n });\n return map;\n }, [config?.columns]);\n\n const hasTotals = config?.showTotals === true || Object.keys(columnTotals).length > 0;\n\n // Process data: filter, sort, paginate\n const processedData = useMemo(() => {\n let result = data;\n\n // Filter\n if (config?.showSearch !== false) {\n result = filterData(result, searchQuery, columns);\n }\n\n // Sort\n result = sortData(result, sortState);\n\n return result;\n }, [data, searchQuery, sortState, columns, config?.showSearch]);\n\n // Max absolute numeric value per column — scales in-cell data bars.\n const dataBarMaxes: Record<string, number> = useMemo(() => {\n const maxes: Record<string, number> = {};\n for (const col of columns) {\n let max = 0;\n for (const row of processedData) {\n const v = row[col.key];\n if (typeof v === 'number' && Number.isFinite(v)) {\n max = Math.max(max, Math.abs(v));\n }\n }\n maxes[col.key] = max;\n }\n return maxes;\n }, [columns, processedData]);\n\n // Footer totals/aggregates per column (computed over the filtered set).\n const footerTotals: Record<string, number | null> = useMemo(() => {\n if (!hasTotals) return {};\n const result: Record<string, number | null> = {};\n for (const col of columns) {\n const agg = columnTotals[col.key];\n if (!agg) {\n result[col.key] = null;\n continue;\n }\n const nums = processedData\n .map((row) => row[col.key])\n .filter((v): v is number => typeof v === 'number' && Number.isFinite(v));\n if (agg === 'count') {\n result[col.key] = processedData.length;\n } else if (nums.length === 0) {\n result[col.key] = null;\n } else if (agg === 'sum') {\n result[col.key] = nums.reduce((a, b) => a + b, 0);\n } else if (agg === 'avg') {\n result[col.key] = nums.reduce((a, b) => a + b, 0) / nums.length;\n } else if (agg === 'min') {\n result[col.key] = Math.min(...nums);\n } else if (agg === 'max') {\n result[col.key] = Math.max(...nums);\n } else {\n result[col.key] = null;\n }\n }\n return result;\n }, [hasTotals, columns, columnTotals, processedData]);\n\n // Update total items when data changes\n useMemo(() => {\n setPagination((prev) => ({\n ...prev,\n totalItems: processedData.length,\n }));\n }, [processedData.length]);\n\n // Paginate\n const paginatedData = useMemo(() => {\n if (config?.showPagination === false) {\n return processedData;\n }\n const start = pagination.page * pagination.pageSize;\n return processedData.slice(start, start + pagination.pageSize);\n }, [processedData, pagination, config?.showPagination]);\n\n // ----------------------------------------------------------------------------\n // Row virtualization (windowing) — render only the visible slice of a large\n // dataset. Active when config.virtualized is set; bypasses pagination so the\n // whole filtered set scrolls in one container. No external dependency: a fixed\n // row height + top/bottom spacer rows reproduce the full scroll height.\n // ----------------------------------------------------------------------------\n const virtualized = config?.virtualized === true;\n const rowHeight = config?.rowHeight && config.rowHeight > 0 ? config.rowHeight : 44;\n const scrollRef = useRef<HTMLDivElement>(null);\n const [scrollTop, setScrollTop] = useState(0);\n const [viewportH, setViewportH] = useState(0);\n\n useEffect(() => {\n if (!virtualized) return undefined;\n const el = scrollRef.current;\n if (!el) return undefined;\n setViewportH(el.clientHeight);\n const ro =\n typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => setViewportH(el.clientHeight)) : undefined;\n ro?.observe(el);\n return () => ro?.disconnect();\n }, [virtualized]);\n\n const OVERSCAN = 6;\n const virtualWindow = useMemo(() => {\n if (!virtualized) return null;\n const total = processedData.length;\n const visibleCount = viewportH > 0 ? Math.ceil(viewportH / rowHeight) : 20;\n const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN);\n const endIndex = Math.min(total, startIndex + visibleCount + OVERSCAN * 2);\n return {\n rows: processedData.slice(startIndex, endIndex),\n topSpacer: startIndex * rowHeight,\n bottomSpacer: Math.max(0, (total - endIndex) * rowHeight),\n startIndex,\n };\n }, [virtualized, processedData, viewportH, scrollTop, rowHeight]);\n\n // The rows actually rendered in <tbody>: windowed slice or the paginated page.\n const renderRows = virtualized && virtualWindow ? virtualWindow.rows : paginatedData;\n const rowBaseIndex = virtualized && virtualWindow ? virtualWindow.startIndex : 0;\n\n // Sticky-left frozen columns: give the first N columns explicit widths so the\n // header and body align, then compute each one's cumulative left offset.\n const frozenCount = config?.frozenColumns && config.frozenColumns > 0 ? config.frozenColumns : 0;\n const FROZEN_DEFAULT_W = 160;\n const { displayColumns, frozenLefts } = useMemo(() => {\n if (frozenCount <= 0) return { displayColumns: columns, frozenLefts: {} as Record<string, number> };\n const lefts: Record<string, number> = {};\n let cursor = 0;\n const cols = columns.map((col, i) => {\n if (i < frozenCount) {\n const widthPx = col.width ? parseInt(col.width, 10) || FROZEN_DEFAULT_W : FROZEN_DEFAULT_W;\n lefts[col.key] = cursor;\n cursor += widthPx;\n return { ...col, width: `${widthPx}px` };\n }\n return col;\n });\n return { displayColumns: cols, frozenLefts: lefts };\n }, [columns, frozenCount]);\n\n // Handlers\n const handleSort = useCallback((column: string) => {\n setSortState((prev) => {\n if (prev.column !== column) {\n return { column, direction: 'asc' };\n }\n const nextDirection: SortDirection = prev.direction === 'asc' ? 'desc' : prev.direction === 'desc' ? null : 'asc';\n return {\n column: nextDirection ? column : null,\n direction: nextDirection,\n };\n });\n }, []);\n\n const handlePageChange = useCallback((page: number) => {\n setPagination((prev) => ({ ...prev, page }));\n }, []);\n\n const handlePageSizeChange = useCallback((pageSize: number) => {\n setPagination((prev) => ({ ...prev, pageSize, page: 0 }));\n }, []);\n\n const handleRowClick = useCallback(\n (row: Record<string, unknown>, index: number) => {\n // Trigger cross-filtering on row click when explicitly enabled via config\n const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n if (crossFilterEnabled && hasCrossFilterConfig) {\n const firstColumn = columns[0]?.key;\n const label = firstColumn ? String(row[firstColumn]) : undefined;\n triggerCrossFilter(row as Record<string, unknown>, label);\n }\n\n // Trigger drilldown if configured\n if (onDrilldown) {\n onDrilldown(row);\n } else if (onRowClick && widget.drilldowns?.length) {\n onRowClick(row, index);\n }\n },\n [\n onRowClick,\n onDrilldown,\n widget.drilldowns,\n crossFilterEnabled,\n triggerCrossFilter,\n columns,\n config?.crossFilterMappings,\n config?.enableCrossFilter,\n ]\n );\n\n // Export to CSV\n const handleExport = useCallback(() => {\n const headers = columns.map((c) => c.header).join(',');\n const rows = processedData.map((row) =>\n columns\n .map((col) => {\n const value = row[col.key];\n if (value == null) return '';\n const str = String(value);\n // Escape quotes and wrap in quotes if contains comma\n if (str.includes(',') || str.includes('\"')) {\n return `\"${str.replace(/\"/g, '\"\"')}\"`;\n }\n return str;\n })\n .join(',')\n );\n const csv = [headers, ...rows].join('\\n');\n const blob = new Blob([csv], { type: 'text/csv' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${widget.title || 'table'}-${new Date().toISOString().split('T')[0]}.csv`;\n a.click();\n URL.revokeObjectURL(url);\n }, [columns, processedData, widget.title]);\n\n // Row is only clickable if drilldown or cross-filter is explicitly configured\n const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n const isClickable = Boolean(onDrilldown || (onRowClick && widget.drilldowns?.length) || hasCrossFilterConfig);\n\n return (\n <div className=\"flex flex-col h-full\">\n {/* Cross-filter active indicator with clear button */}\n {hasCrossFilters && (\n <div className=\"flex items-center gap-2 px-3 py-2 border-b border-border-default\">\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n clearAllCrossFilters();\n }}\n className=\"\n inline-flex items-center gap-1.5\n px-2.5 py-1 rounded-md\n text-xs font-medium\n bg-action-primary-bg/10 text-action-primary-text\n hover:bg-action-primary-bg/20\n transition-colors\n \"\n >\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n </svg>\n Clear Filter\n </button>\n </div>\n )}\n\n {/* Toolbar */}\n {(config?.showSearch !== false || config?.showExport !== false) && (\n <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n {/* Search */}\n {config?.showSearch !== false && (\n <div className=\"relative flex items-center\">\n <svg\n className=\"absolute left-3 w-4 h-4 text-text-secondary pointer-events-none\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n />\n </svg>\n <input\n type=\"text\"\n placeholder=\"Search products...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"\n pl-10 pr-4 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-action-primary-bg\n w-48 sm:w-64\n placeholder:text-text-tertiary\n \"\n />\n </div>\n )}\n\n {/* Export */}\n {config?.showExport !== false && (\n <button\n type=\"button\"\n onClick={handleExport}\n className=\"\n inline-flex items-center gap-2\n px-3 py-2\n text-sm font-medium\n text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n hover:bg-bg-muted\n transition-colors\n \"\n >\n <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n />\n </svg>\n Export CSV\n </button>\n )}\n </div>\n )}\n\n {/* Table */}\n <div\n ref={scrollRef}\n className=\"flex-1 overflow-auto\"\n onScroll={virtualized ? (e) => setScrollTop((e.target as HTMLDivElement).scrollTop) : undefined}\n >\n <table className=\"w-full\">\n <TableHeader\n columns={displayColumns}\n sortState={sortState}\n onSort={handleSort}\n frozenLefts={frozenCount > 0 ? frozenLefts : undefined}\n />\n <tbody>\n {/* Virtualization top spacer */}\n {virtualized && virtualWindow && virtualWindow.topSpacer > 0 && (\n <tr aria-hidden=\"true\" style={{ height: virtualWindow.topSpacer }}>\n <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n </tr>\n )}\n {renderRows.map((row, i) => {\n const rowIndex = rowBaseIndex + i;\n return (\n <tr\n key={rowIndex}\n className={`\n ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50' : ''}\n ${rowIndex % 2 === 0 ? 'bg-bg-surface' : 'bg-bg-muted/30'}\n `}\n style={virtualized ? { height: rowHeight } : undefined}\n onClick={() => handleRowClick(row, rowIndex)}\n >\n {displayColumns.map((column) => (\n <TableCell\n key={column.key}\n value={row[column.key]}\n column={column}\n format={cellFormats[column.key]}\n rowData={row}\n conditionalRules={columnRules[column.key] ?? tableRules}\n dataBarMax={dataBarMaxes[column.key]}\n stickyLeft={frozenLefts[column.key]}\n cellChart={columnCellCharts[column.key]}\n />\n ))}\n </tr>\n );\n })}\n {/* Virtualization bottom spacer */}\n {virtualized && virtualWindow && virtualWindow.bottomSpacer > 0 && (\n <tr aria-hidden=\"true\" style={{ height: virtualWindow.bottomSpacer }}>\n <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n </tr>\n )}\n </tbody>\n {hasTotals && processedData.length > 0 && (\n <tfoot>\n <tr className=\"bg-bg-muted/50 font-semibold border-t-2 border-border-default\">\n {displayColumns.map((column, colIndex) => {\n const total = footerTotals[column.key];\n const format = cellFormats[column.key];\n const frozen = frozenLefts[column.key];\n return (\n <td\n key={column.key}\n className={`\n px-4 py-3 text-sm text-text-primary\n ${column.align === 'center' ? 'text-center' : ''}\n ${column.align === 'right' ? 'text-right' : 'text-left'}\n ${frozen != null ? 'sticky z-10 bg-bg-muted' : ''}\n `}\n style={frozen != null ? { left: frozen } : undefined}\n >\n {total != null\n ? formatTotal(total, format?.type, format?.currency)\n : colIndex === 0\n ? 'Total'\n : ''}\n </td>\n );\n })}\n </tr>\n </tfoot>\n )}\n </table>\n\n {processedData.length === 0 && (\n <div className=\"flex items-center justify-center py-12 text-text-secondary\">\n {searchQuery ? 'No matching records found' : 'No data available'}\n </div>\n )}\n </div>\n\n {/* Pagination (suppressed in virtualized mode — the whole set scrolls) */}\n {!virtualized && config?.showPagination !== false && processedData.length > 0 && (\n <TablePagination\n pagination={{ ...pagination, totalItems: processedData.length }}\n onPageChange={handlePageChange}\n onPageSizeChange={handlePageSizeChange}\n />\n )}\n </div>\n );\n});\n\nexport default TableWidget;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"sourcesContent":["/**\n * TableWidget Component\n *\n * Data table with sorting, filtering, and pagination.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback, useRef, useEffect } from 'react';\nimport type { Widget, TableConfig, TableColumnConfig } from '../../../types';\nimport { TableHeader, type ColumnDefinition, type SortState, type SortDirection } from './TableHeader';\nimport { TableCell, type CellFormatConfig, type CellChart } from './TableCell';\nimport { TablePagination, type PaginationState } from './TablePagination';\nimport type { ConditionalRule } from '../utils/conditionalFormat';\n// Phase 2: Cross-filtering support\nimport { useWidgetCrossFilter, useCrossFilterContext } from '../../../contexts';\nimport { useIsEditMode } from '../../../store';\nimport { useWidgetConfigPersist } from '../../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TableWidgetProps {\n /** Widget configuration */\n widget: Widget;\n /** Table data (array of rows) */\n data?: Record<string, unknown>[];\n /** Click handler for row drilldown */\n onRowClick?: (row: Record<string, unknown>, index: number) => void;\n /** Drilldown handler - receives selected row data */\n onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction sortData(data: Record<string, unknown>[], sortState: SortState): Record<string, unknown>[] {\n if (!sortState.column || !sortState.direction) {\n return data;\n }\n\n return [...data].sort((a, b) => {\n const aValue = a[sortState.column!];\n const bValue = b[sortState.column!];\n\n // Handle null/undefined\n if (aValue == null && bValue == null) return 0;\n if (aValue == null) return sortState.direction === 'asc' ? 1 : -1;\n if (bValue == null) return sortState.direction === 'asc' ? -1 : 1;\n\n // Compare values\n let comparison = 0;\n if (typeof aValue === 'number' && typeof bValue === 'number') {\n comparison = aValue - bValue;\n } else {\n comparison = String(aValue).localeCompare(String(bValue));\n }\n\n return sortState.direction === 'asc' ? comparison : -comparison;\n });\n}\n\nfunction filterData(\n data: Record<string, unknown>[],\n searchQuery: string,\n columns: ColumnDefinition[]\n): Record<string, unknown>[] {\n if (!searchQuery.trim()) {\n return data;\n }\n\n const query = searchQuery.toLowerCase();\n return data.filter((row) =>\n columns.some((col) => {\n const value = row[col.key];\n return value != null && String(value).toLowerCase().includes(query);\n })\n );\n}\n\n/** Format a footer total respecting the column's cell format. */\nfunction formatTotal(value: number, formatType?: string, currency?: string): string {\n switch (formatType) {\n case 'currency':\n return new Intl.NumberFormat('en-US', { style: 'currency', currency: currency || 'USD' }).format(value);\n case 'percentage':\n return `${(value * 100).toFixed(1)}%`;\n case 'number':\n return new Intl.NumberFormat('en-US').format(value);\n default:\n return Number.isInteger(value) ? String(value) : value.toFixed(2);\n }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableWidget: FC<TableWidgetProps> = memo(function TableWidget({\n widget,\n data: rawData = [],\n onRowClick,\n onDrilldown,\n}) {\n const config = widget.config as unknown as TableConfig | undefined;\n\n // Normalize data - handle both array and object formats\n const data = useMemo(() => {\n // If it's already an array, use it directly\n if (Array.isArray(rawData)) {\n return rawData;\n }\n\n // If it's an object, try to find an array property\n if (rawData && typeof rawData === 'object') {\n // Check common array property names\n const possibleArrayProps = ['data', 'items', 'rows', 'results', 'records', 'list', 'sales', 'entries', 'values'];\n for (const prop of possibleArrayProps) {\n if (Array.isArray((rawData as Record<string, unknown>)[prop])) {\n return (rawData as Record<string, unknown>)[prop] as Record<string, unknown>[];\n }\n }\n\n // If object has array values, use the first one\n const values = Object.values(rawData);\n for (const value of values) {\n if (Array.isArray(value)) {\n return value as Record<string, unknown>[];\n }\n }\n\n // If it's a single object, wrap it in an array\n return [rawData as Record<string, unknown>];\n }\n\n return [];\n }, [rawData]);\n\n // Phase 2: Cross-filtering support\n const { handleDataClick: triggerCrossFilter, enabled: crossFilterEnabled } = useWidgetCrossFilter(\n widget.id,\n // Map first column to filter ID by default, can be configured\n config?.crossFilterMappings\n );\n const { clearAllCrossFilters, hasCrossFilters } = useCrossFilterContext();\n\n // State\n const [sortState, setSortState] = useState<SortState>({\n column: config?.defaultSortColumn || null,\n direction: (config?.defaultSortDirection as SortDirection) || null,\n });\n const [searchQuery, setSearchQuery] = useState('');\n const [pagination, setPagination] = useState<PaginationState>({\n page: 0,\n pageSize: config?.pageSize || 10,\n totalItems: 0,\n });\n\n // Interactive column resize/reorder (edit mode only). Local overrides give\n // live feedback; the committed layout is persisted to config so it survives\n // reload (see commitColumnLayout).\n const isEditMode = useIsEditMode();\n const { persistConfig } = useWidgetConfigPersist(widget);\n const [widthOverrides, setWidthOverrides] = useState<Record<string, number>>({});\n const [columnOrder, setColumnOrder] = useState<string[] | null>(null);\n\n // Build column definitions from config or data\n const baseColumns: ColumnDefinition[] = useMemo(() => {\n if (config?.columns?.length) {\n return (config.columns as (string | TableColumnConfig)[]).map((col) => {\n // Handle both string and object column definitions\n if (typeof col === 'string') {\n return {\n key: col,\n header: col.charAt(0).toUpperCase() + col.slice(1).replace(/_/g, ' '),\n sortable: true,\n };\n }\n // Object column definition — accept both .key and .field\n const fieldKey = col.key || col.field || '';\n return {\n key: fieldKey,\n header: col.label || col.header || fieldKey,\n sortable: col.sortable !== false,\n width: col.width != null ? String(col.width) : undefined,\n align: col.align as ColumnDefinition['align'],\n };\n }) as ColumnDefinition[];\n }\n\n // Auto-generate from first data row\n if (data.length > 0) {\n return Object.keys(data[0]).map((key) => ({\n key,\n header: key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, ' '),\n sortable: true,\n }));\n }\n\n return [];\n }, [config?.columns, data]);\n\n // Apply the live reorder + resize overrides on top of the base columns. Any\n // column not named in columnOrder keeps its original relative position at the\n // end (handles columns added since the order was set).\n const columns: ColumnDefinition[] = useMemo(() => {\n let cols = baseColumns;\n if (columnOrder) {\n const byKey = new Map(baseColumns.map((c) => [c.key, c]));\n const ordered = columnOrder.map((k) => byKey.get(k)).filter((c): c is ColumnDefinition => c !== undefined);\n const rest = baseColumns.filter((c) => !columnOrder.includes(c.key));\n cols = [...ordered, ...rest];\n }\n if (Object.keys(widthOverrides).length > 0) {\n cols = cols.map((c) => (widthOverrides[c.key] != null ? { ...c, width: `${widthOverrides[c.key]}px` } : c));\n }\n return cols;\n }, [baseColumns, columnOrder, widthOverrides]);\n\n // Persist the current column order + widths to config.columns. Builds explicit\n // column objects (preserving any existing per-column config), which also pins\n // a previously auto-generated column set so order/width survive reload.\n const commitColumnLayout = useCallback(\n (orderKeys: string[], widths: Record<string, number>) => {\n const existing = new Map<string, TableColumnConfig>();\n config?.columns?.forEach((c) => {\n const k = c.key || c.field;\n if (k) existing.set(k, c);\n });\n const baseKeys = baseColumns.map((c) => c.key);\n const finalKeys = [\n ...orderKeys.filter((k) => baseKeys.includes(k)),\n ...baseKeys.filter((k) => !orderKeys.includes(k)),\n ];\n const newColumns: TableColumnConfig[] = finalKeys.map((key) => {\n const base = baseColumns.find((c) => c.key === key);\n const prev = existing.get(key);\n const next: TableColumnConfig = { ...(prev ?? {}), key };\n // Preserve a header label for columns that had none in config (auto-generated).\n if (!next.label && !next.header && base?.header) next.label = base.header;\n const w = widths[key];\n if (w != null) next.width = w;\n return next;\n });\n void persistConfig({ columns: newColumns });\n },\n [baseColumns, config?.columns, persistConfig]\n );\n\n const handleColumnResize = useCallback((key: string, widthPx: number) => {\n setWidthOverrides((prev) => ({ ...prev, [key]: widthPx }));\n }, []);\n\n const handleColumnResizeEnd = useCallback(\n (key: string, widthPx: number) => {\n const widths = { ...widthOverrides, [key]: widthPx };\n setWidthOverrides(widths);\n const order = columnOrder ?? baseColumns.map((c) => c.key);\n commitColumnLayout(order, widths);\n },\n [widthOverrides, columnOrder, baseColumns, commitColumnLayout]\n );\n\n const handleColumnReorder = useCallback(\n (sourceKey: string, targetKey: string) => {\n const current = columnOrder ?? baseColumns.map((c) => c.key);\n const from = current.indexOf(sourceKey);\n if (from < 0 || sourceKey === targetKey) return;\n const next = [...current];\n next.splice(from, 1);\n // Insert before the target's *post-removal* index, so dropping onto a\n // column always lands the source just before it regardless of direction.\n const insertAt = next.indexOf(targetKey);\n if (insertAt < 0) return;\n next.splice(insertAt, 0, sourceKey);\n setColumnOrder(next);\n commitColumnLayout(next, widthOverrides);\n },\n [columnOrder, baseColumns, widthOverrides, commitColumnLayout]\n );\n\n // Build cell format configs\n const cellFormats: Record<string, CellFormatConfig> = useMemo(() => {\n const formats: Record<string, CellFormatConfig> = {};\n config?.columns?.forEach((col) => {\n if (col.format && (col.key || col.field)) {\n formats[col.key || col.field || ''] = { type: col.format };\n }\n });\n return formats;\n }, [config?.columns]);\n\n // Per-column in-cell chart kind (e.g. sparkline).\n const columnCellCharts: Record<string, CellChart | undefined> = useMemo(() => {\n const map: Record<string, CellChart | undefined> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.cellChart) {\n map[fieldKey] = col.cellChart;\n }\n });\n return map;\n }, [config?.columns]);\n\n // Per-column conditional rules (column-level overrides win over table-level).\n const tableRules = config?.conditionalRules;\n const columnRules: Record<string, ConditionalRule[] | undefined> = useMemo(() => {\n const map: Record<string, ConditionalRule[] | undefined> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.conditionalRules?.length) {\n map[fieldKey] = col.conditionalRules;\n }\n });\n return map;\n }, [config?.columns]);\n\n // Per-column totals/aggregates for the footer row.\n const columnTotals: Record<string, TableColumnConfig['total']> = useMemo(() => {\n const map: Record<string, TableColumnConfig['total']> = {};\n config?.columns?.forEach((col) => {\n const fieldKey = col.key || col.field;\n if (fieldKey && col.total && col.total !== 'none') {\n map[fieldKey] = col.total;\n }\n });\n return map;\n }, [config?.columns]);\n\n const hasTotals = config?.showTotals === true || Object.keys(columnTotals).length > 0;\n\n // Process data: filter, sort, paginate\n const processedData = useMemo(() => {\n let result = data;\n\n // Filter\n if (config?.showSearch !== false) {\n result = filterData(result, searchQuery, columns);\n }\n\n // Sort\n result = sortData(result, sortState);\n\n return result;\n }, [data, searchQuery, sortState, columns, config?.showSearch]);\n\n // Max absolute numeric value per column — scales in-cell data bars.\n const dataBarMaxes: Record<string, number> = useMemo(() => {\n const maxes: Record<string, number> = {};\n for (const col of columns) {\n let max = 0;\n for (const row of processedData) {\n const v = row[col.key];\n if (typeof v === 'number' && Number.isFinite(v)) {\n max = Math.max(max, Math.abs(v));\n }\n }\n maxes[col.key] = max;\n }\n return maxes;\n }, [columns, processedData]);\n\n // Footer totals/aggregates per column (computed over the filtered set).\n const footerTotals: Record<string, number | null> = useMemo(() => {\n if (!hasTotals) return {};\n const result: Record<string, number | null> = {};\n for (const col of columns) {\n const agg = columnTotals[col.key];\n if (!agg) {\n result[col.key] = null;\n continue;\n }\n const nums = processedData\n .map((row) => row[col.key])\n .filter((v): v is number => typeof v === 'number' && Number.isFinite(v));\n if (agg === 'count') {\n result[col.key] = processedData.length;\n } else if (nums.length === 0) {\n result[col.key] = null;\n } else if (agg === 'sum') {\n result[col.key] = nums.reduce((a, b) => a + b, 0);\n } else if (agg === 'avg') {\n result[col.key] = nums.reduce((a, b) => a + b, 0) / nums.length;\n } else if (agg === 'min') {\n result[col.key] = Math.min(...nums);\n } else if (agg === 'max') {\n result[col.key] = Math.max(...nums);\n } else {\n result[col.key] = null;\n }\n }\n return result;\n }, [hasTotals, columns, columnTotals, processedData]);\n\n // Update total items when data changes\n useMemo(() => {\n setPagination((prev) => ({\n ...prev,\n totalItems: processedData.length,\n }));\n }, [processedData.length]);\n\n // Paginate\n const paginatedData = useMemo(() => {\n if (config?.showPagination === false) {\n return processedData;\n }\n const start = pagination.page * pagination.pageSize;\n return processedData.slice(start, start + pagination.pageSize);\n }, [processedData, pagination, config?.showPagination]);\n\n // ----------------------------------------------------------------------------\n // Row virtualization (windowing) — render only the visible slice of a large\n // dataset. Active when config.virtualized is set; bypasses pagination so the\n // whole filtered set scrolls in one container. No external dependency: a fixed\n // row height + top/bottom spacer rows reproduce the full scroll height.\n // ----------------------------------------------------------------------------\n const virtualized = config?.virtualized === true;\n const rowHeight = config?.rowHeight && config.rowHeight > 0 ? config.rowHeight : 44;\n const scrollRef = useRef<HTMLDivElement>(null);\n const [scrollTop, setScrollTop] = useState(0);\n const [viewportH, setViewportH] = useState(0);\n\n useEffect(() => {\n if (!virtualized) return undefined;\n const el = scrollRef.current;\n if (!el) return undefined;\n setViewportH(el.clientHeight);\n const ro =\n typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => setViewportH(el.clientHeight)) : undefined;\n ro?.observe(el);\n return () => ro?.disconnect();\n }, [virtualized]);\n\n const OVERSCAN = 6;\n const virtualWindow = useMemo(() => {\n if (!virtualized) return null;\n const total = processedData.length;\n const visibleCount = viewportH > 0 ? Math.ceil(viewportH / rowHeight) : 20;\n const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN);\n const endIndex = Math.min(total, startIndex + visibleCount + OVERSCAN * 2);\n return {\n rows: processedData.slice(startIndex, endIndex),\n topSpacer: startIndex * rowHeight,\n bottomSpacer: Math.max(0, (total - endIndex) * rowHeight),\n startIndex,\n };\n }, [virtualized, processedData, viewportH, scrollTop, rowHeight]);\n\n // The rows actually rendered in <tbody>: windowed slice or the paginated page.\n const renderRows = virtualized && virtualWindow ? virtualWindow.rows : paginatedData;\n const rowBaseIndex = virtualized && virtualWindow ? virtualWindow.startIndex : 0;\n\n // Sticky-left frozen columns: give the first N columns explicit widths so the\n // header and body align, then compute each one's cumulative left offset.\n const frozenCount = config?.frozenColumns && config.frozenColumns > 0 ? config.frozenColumns : 0;\n const FROZEN_DEFAULT_W = 160;\n const { displayColumns, frozenLefts } = useMemo(() => {\n if (frozenCount <= 0) return { displayColumns: columns, frozenLefts: {} as Record<string, number> };\n const lefts: Record<string, number> = {};\n let cursor = 0;\n const cols = columns.map((col, i) => {\n if (i < frozenCount) {\n const widthPx = col.width ? parseInt(col.width, 10) || FROZEN_DEFAULT_W : FROZEN_DEFAULT_W;\n lefts[col.key] = cursor;\n cursor += widthPx;\n return { ...col, width: `${widthPx}px` };\n }\n return col;\n });\n return { displayColumns: cols, frozenLefts: lefts };\n }, [columns, frozenCount]);\n\n // Handlers\n const handleSort = useCallback((column: string) => {\n setSortState((prev) => {\n if (prev.column !== column) {\n return { column, direction: 'asc' };\n }\n const nextDirection: SortDirection = prev.direction === 'asc' ? 'desc' : prev.direction === 'desc' ? null : 'asc';\n return {\n column: nextDirection ? column : null,\n direction: nextDirection,\n };\n });\n }, []);\n\n const handlePageChange = useCallback((page: number) => {\n setPagination((prev) => ({ ...prev, page }));\n }, []);\n\n const handlePageSizeChange = useCallback((pageSize: number) => {\n setPagination((prev) => ({ ...prev, pageSize, page: 0 }));\n }, []);\n\n const handleRowClick = useCallback(\n (row: Record<string, unknown>, index: number) => {\n // Trigger cross-filtering on row click when explicitly enabled via config\n const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n if (crossFilterEnabled && hasCrossFilterConfig) {\n const firstColumn = columns[0]?.key;\n const label = firstColumn ? String(row[firstColumn]) : undefined;\n triggerCrossFilter(row as Record<string, unknown>, label);\n }\n\n // Trigger drilldown if configured\n if (onDrilldown) {\n onDrilldown(row);\n } else if (onRowClick && widget.drilldowns?.length) {\n onRowClick(row, index);\n }\n },\n [\n onRowClick,\n onDrilldown,\n widget.drilldowns,\n crossFilterEnabled,\n triggerCrossFilter,\n columns,\n config?.crossFilterMappings,\n config?.enableCrossFilter,\n ]\n );\n\n // Export to CSV\n const handleExport = useCallback(() => {\n const headers = columns.map((c) => c.header).join(',');\n const rows = processedData.map((row) =>\n columns\n .map((col) => {\n const value = row[col.key];\n if (value == null) return '';\n const str = String(value);\n // Escape quotes and wrap in quotes if contains comma\n if (str.includes(',') || str.includes('\"')) {\n return `\"${str.replace(/\"/g, '\"\"')}\"`;\n }\n return str;\n })\n .join(',')\n );\n const csv = [headers, ...rows].join('\\n');\n const blob = new Blob([csv], { type: 'text/csv' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${widget.title || 'table'}-${new Date().toISOString().split('T')[0]}.csv`;\n a.click();\n URL.revokeObjectURL(url);\n }, [columns, processedData, widget.title]);\n\n // Row is only clickable if drilldown or cross-filter is explicitly configured\n const hasCrossFilterConfig = config?.crossFilterMappings?.length || config?.enableCrossFilter;\n const isClickable = Boolean(onDrilldown || (onRowClick && widget.drilldowns?.length) || hasCrossFilterConfig);\n\n return (\n <div className=\"flex flex-col h-full\">\n {/* Cross-filter active indicator with clear button */}\n {hasCrossFilters && (\n <div className=\"flex items-center gap-2 px-3 py-2 border-b border-border-default\">\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n clearAllCrossFilters();\n }}\n className=\"\n inline-flex items-center gap-1.5\n px-2.5 py-1 rounded-md\n text-xs font-medium\n bg-action-primary-bg/10 text-action-primary-text\n hover:bg-action-primary-bg/20\n transition-colors\n \"\n >\n <svg className=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n </svg>\n Clear Filter\n </button>\n </div>\n )}\n\n {/* Toolbar */}\n {(config?.showSearch !== false || config?.showExport !== false) && (\n <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n {/* Search */}\n {config?.showSearch !== false && (\n <div className=\"relative flex items-center\">\n <svg\n className=\"absolute left-3 w-4 h-4 text-text-secondary pointer-events-none\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n />\n </svg>\n <input\n type=\"text\"\n placeholder=\"Search products...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"\n pl-10 pr-4 py-2\n text-sm text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-action-primary-bg\n w-48 sm:w-64\n placeholder:text-text-tertiary\n \"\n />\n </div>\n )}\n\n {/* Export */}\n {config?.showExport !== false && (\n <button\n type=\"button\"\n onClick={handleExport}\n className=\"\n inline-flex items-center gap-2\n px-3 py-2\n text-sm font-medium\n text-text-primary\n bg-bg-surface\n border border-border-default\n rounded-md\n hover:bg-bg-muted\n transition-colors\n \"\n >\n <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n />\n </svg>\n Export CSV\n </button>\n )}\n </div>\n )}\n\n {/* Table */}\n <div\n ref={scrollRef}\n className=\"flex-1 overflow-auto\"\n onScroll={virtualized ? (e) => setScrollTop((e.target as HTMLDivElement).scrollTop) : undefined}\n >\n <table className=\"w-full\">\n <TableHeader\n columns={displayColumns}\n sortState={sortState}\n onSort={handleSort}\n frozenLefts={frozenCount > 0 ? frozenLefts : undefined}\n editable={isEditMode}\n onColumnResize={isEditMode ? handleColumnResize : undefined}\n onColumnResizeEnd={isEditMode ? handleColumnResizeEnd : undefined}\n onColumnReorder={isEditMode ? handleColumnReorder : undefined}\n />\n <tbody>\n {/* Virtualization top spacer */}\n {virtualized && virtualWindow && virtualWindow.topSpacer > 0 && (\n <tr aria-hidden=\"true\" style={{ height: virtualWindow.topSpacer }}>\n <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n </tr>\n )}\n {renderRows.map((row, i) => {\n const rowIndex = rowBaseIndex + i;\n return (\n <tr\n key={rowIndex}\n className={`\n ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50' : ''}\n ${rowIndex % 2 === 0 ? 'bg-bg-surface' : 'bg-bg-muted/30'}\n `}\n style={virtualized ? { height: rowHeight } : undefined}\n onClick={() => handleRowClick(row, rowIndex)}\n >\n {displayColumns.map((column) => (\n <TableCell\n key={column.key}\n value={row[column.key]}\n column={column}\n format={cellFormats[column.key]}\n rowData={row}\n conditionalRules={columnRules[column.key] ?? tableRules}\n dataBarMax={dataBarMaxes[column.key]}\n stickyLeft={frozenLefts[column.key]}\n cellChart={columnCellCharts[column.key]}\n />\n ))}\n </tr>\n );\n })}\n {/* Virtualization bottom spacer */}\n {virtualized && virtualWindow && virtualWindow.bottomSpacer > 0 && (\n <tr aria-hidden=\"true\" style={{ height: virtualWindow.bottomSpacer }}>\n <td colSpan={displayColumns.length} style={{ padding: 0, border: 'none' }} />\n </tr>\n )}\n </tbody>\n {hasTotals && processedData.length > 0 && (\n <tfoot>\n <tr className=\"bg-bg-muted/50 font-semibold border-t-2 border-border-default\">\n {displayColumns.map((column, colIndex) => {\n const total = footerTotals[column.key];\n const format = cellFormats[column.key];\n const frozen = frozenLefts[column.key];\n return (\n <td\n key={column.key}\n className={`\n px-4 py-3 text-sm text-text-primary\n ${column.align === 'center' ? 'text-center' : ''}\n ${column.align === 'right' ? 'text-right' : 'text-left'}\n ${frozen != null ? 'sticky z-10 bg-bg-muted' : ''}\n `}\n style={frozen != null ? { left: frozen } : undefined}\n >\n {total != null\n ? formatTotal(total, format?.type, format?.currency)\n : colIndex === 0\n ? 'Total'\n : ''}\n </td>\n );\n })}\n </tr>\n </tfoot>\n )}\n </table>\n\n {processedData.length === 0 && (\n <div className=\"flex items-center justify-center py-12 text-text-secondary\">\n {searchQuery ? 'No matching records found' : 'No data available'}\n </div>\n )}\n </div>\n\n {/* Pagination (suppressed in virtualized mode — the whole set scrolls) */}\n {!virtualized && config?.showPagination !== false && processedData.length > 0 && (\n <TablePagination\n pagination={{ ...pagination, totalItems: processedData.length }}\n onPageChange={handlePageChange}\n onPageSizeChange={handlePageSizeChange}\n />\n )}\n </div>\n );\n});\n\nexport default TableWidget;\n"],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import "./useWidgetData.js";
|
|
|
4
4
|
import "./useWidgetCatalog.js";
|
|
5
5
|
import "./useAutoRefresh.js";
|
|
6
6
|
import "./useWidgetOperations.js";
|
|
7
|
+
import "./useWidgetConfigPersist.js";
|
|
7
8
|
import "./useDashboardOperations.js";
|
|
8
9
|
import "./useWidgetExport.js";
|
|
9
10
|
import "./useDashboardImageExport.js";
|
|
@@ -1 +1,92 @@
|
|
|
1
|
-
import "react";
|
|
1
|
+
import { useCallback as e, useState as t } from "react";
|
|
2
|
+
//#region src/bigconsole/hooks/useDashboardImageExport.ts
|
|
3
|
+
function n(e, t) {
|
|
4
|
+
let n = URL.createObjectURL(e), r = document.createElement("a");
|
|
5
|
+
r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
|
|
6
|
+
}
|
|
7
|
+
function r(e) {
|
|
8
|
+
let t = getComputedStyle(e).backgroundColor;
|
|
9
|
+
return !t || t === "transparent" || /,\s*0\)\s*$/.test(t) ? getComputedStyle(document.documentElement).getPropertyValue("--color-bg-surface").trim() || "transparent" : t;
|
|
10
|
+
}
|
|
11
|
+
async function i(e) {
|
|
12
|
+
if (typeof window < "u" && "html2canvas" in window) return await window.html2canvas(e, {
|
|
13
|
+
backgroundColor: r(e),
|
|
14
|
+
scale: 2,
|
|
15
|
+
useCORS: !0
|
|
16
|
+
});
|
|
17
|
+
let t = document.createElement("canvas"), n = t.getContext("2d");
|
|
18
|
+
if (!n) throw Error("Could not get canvas context");
|
|
19
|
+
let i = e.getBoundingClientRect();
|
|
20
|
+
t.width = i.width * 2, t.height = i.height * 2, n.scale(2, 2), n.fillStyle = r(e), n.fillRect(0, 0, i.width, i.height);
|
|
21
|
+
let a = e.querySelectorAll("svg");
|
|
22
|
+
for (let e of a) {
|
|
23
|
+
let t = new XMLSerializer().serializeToString(e), r = new Blob([t], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(r);
|
|
24
|
+
try {
|
|
25
|
+
await new Promise((t) => {
|
|
26
|
+
let r = new Image();
|
|
27
|
+
r.onload = () => {
|
|
28
|
+
let a = e.getBoundingClientRect();
|
|
29
|
+
n.drawImage(r, a.left - i.left, a.top - i.top), t();
|
|
30
|
+
}, r.onerror = () => t(), r.src = a;
|
|
31
|
+
});
|
|
32
|
+
} finally {
|
|
33
|
+
URL.revokeObjectURL(a);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
return t;
|
|
37
|
+
}
|
|
38
|
+
function a(r) {
|
|
39
|
+
let { containerRef: a, name: o = "dashboard" } = r, [s, c] = t(!1);
|
|
40
|
+
return {
|
|
41
|
+
exportPNG: e(async (e) => {
|
|
42
|
+
let t = a.current;
|
|
43
|
+
if (!(!t || s)) {
|
|
44
|
+
c(!0);
|
|
45
|
+
try {
|
|
46
|
+
let r = await i(t), a = await new Promise((e, t) => {
|
|
47
|
+
r.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("Failed to create image blob")), "image/png");
|
|
48
|
+
}), s = o.replace(/\s+/g, "_").toLowerCase();
|
|
49
|
+
n(a, e || `${s}_board.png`);
|
|
50
|
+
} finally {
|
|
51
|
+
c(!1);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}, [
|
|
55
|
+
a,
|
|
56
|
+
o,
|
|
57
|
+
s
|
|
58
|
+
]),
|
|
59
|
+
exportPDF: e(async () => {
|
|
60
|
+
let e = a.current;
|
|
61
|
+
if (!(!e || s)) {
|
|
62
|
+
c(!0);
|
|
63
|
+
try {
|
|
64
|
+
let t = await i(e), n = t.toDataURL("image/png"), r = `${o} — board`, a = window.open("", "_blank");
|
|
65
|
+
if (!a) {
|
|
66
|
+
window.print();
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
let s = t.width >= t.height ? "landscape" : "portrait", c = a.document;
|
|
70
|
+
c.title = r;
|
|
71
|
+
let l = c.createElement("style");
|
|
72
|
+
l.textContent = `@page{size:${s};margin:12mm}html,body{margin:0;padding:0}img{width:100%;height:auto;display:block}`, c.head.appendChild(l);
|
|
73
|
+
let u = c.createElement("img");
|
|
74
|
+
u.alt = r, u.addEventListener("load", () => {
|
|
75
|
+
a.focus(), a.print();
|
|
76
|
+
}), u.src = n, c.body.appendChild(u);
|
|
77
|
+
} finally {
|
|
78
|
+
c(!1);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}, [
|
|
82
|
+
a,
|
|
83
|
+
o,
|
|
84
|
+
s
|
|
85
|
+
]),
|
|
86
|
+
isExporting: s
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
//#endregion
|
|
90
|
+
export { a as default };
|
|
91
|
+
|
|
92
|
+
//# sourceMappingURL=useDashboardImageExport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDashboardImageExport.js","names":[],"sources":["../../../src/bigconsole/hooks/useDashboardImageExport.ts"],"sourcesContent":["/**\n * useDashboardImageExport\n *\n * Exports a whole dashboard board to a single PNG \"board-pack\" image by\n * rasterizing the live board container. Dependency-free: prefers a\n * page-provided `html2canvas` (loaded globally by the host shell when present),\n * otherwise falls back to compositing the board's SVG charts onto a canvas —\n * the same strategy `useWidgetExport` uses for single widgets.\n *\n * `exportPDF` rasterizes the board and prints *just that image* from a new\n * window, so the browser's \"Save as PDF\" produces a clean board-pack PDF with\n * no app chrome. This is intentionally dependency-free: this MFE declares its\n * runtime libs as peerDependencies (provided by the host shell), so bundling a\n * PDF engine here would require host-shell coordination. A library-based vector\n * PDF can be layered on later via the host shell if needed.\n */\n\nimport { useCallback, useState, type RefObject } from 'react';\n\nexport interface UseDashboardImageExportOptions {\n /** Ref to the board/grid container element to rasterize. */\n containerRef: RefObject<HTMLElement | null>;\n /** Human-readable dashboard name, used for the download filename. */\n name?: string;\n}\n\nexport interface UseDashboardImageExportResult {\n /** Export the whole board as a single PNG image. */\n exportPNG: (filename?: string) => Promise<void>;\n /** Export the board as a PDF via the browser's print-to-PDF (board image only). */\n exportPDF: () => Promise<void>;\n isExporting: boolean;\n}\n\nfunction downloadBlob(blob: Blob, filename: string): void {\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = filename;\n a.click();\n URL.revokeObjectURL(url);\n}\n\n/**\n * Resolve a concrete background fill for the export canvas. Prefers the\n * element's own computed background, then the resolved `--color-bg-surface`\n * theme token, then a transparent canvas — no raw color literals.\n */\nfunction resolveCanvasBackground(element: HTMLElement): string {\n const own = getComputedStyle(element).backgroundColor;\n // Treat keyword \"transparent\" or a fully-transparent rgba (alpha 0, i.e. a\n // value ending in \", 0)\") as \"no own background\" and fall back to the token.\n const isTransparent = !own || own === 'transparent' || /,\\s*0\\)\\s*$/.test(own);\n if (!isTransparent) return own;\n const token = getComputedStyle(document.documentElement).getPropertyValue('--color-bg-surface').trim();\n return token || 'transparent';\n}\n\n/** Rasterize an element to a canvas (html2canvas when available, SVG composite otherwise). */\nasync function elementToCanvas(element: HTMLElement): Promise<HTMLCanvasElement> {\n if (typeof window !== 'undefined' && 'html2canvas' in window) {\n // @ts-expect-error - html2canvas is loaded dynamically by the host shell\n return (await window.html2canvas(element, {\n backgroundColor: resolveCanvasBackground(element),\n scale: 2,\n useCORS: true,\n })) as HTMLCanvasElement;\n }\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n if (!ctx) throw new Error('Could not get canvas context');\n\n const rect = element.getBoundingClientRect();\n canvas.width = rect.width * 2;\n canvas.height = rect.height * 2;\n ctx.scale(2, 2);\n ctx.fillStyle = resolveCanvasBackground(element);\n ctx.fillRect(0, 0, rect.width, rect.height);\n\n // Composite each SVG chart at its on-screen position.\n const svgs = element.querySelectorAll('svg');\n for (const svg of svgs) {\n const svgData = new XMLSerializer().serializeToString(svg);\n const svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });\n const url = URL.createObjectURL(svgBlob);\n try {\n await new Promise<void>((resolve) => {\n const img = new Image();\n img.onload = () => {\n const svgRect = svg.getBoundingClientRect();\n ctx.drawImage(img, svgRect.left - rect.left, svgRect.top - rect.top);\n resolve();\n };\n img.onerror = () => resolve();\n img.src = url;\n });\n } finally {\n URL.revokeObjectURL(url);\n }\n }\n return canvas;\n}\n\nexport function useDashboardImageExport(options: UseDashboardImageExportOptions): UseDashboardImageExportResult {\n const { containerRef, name = 'dashboard' } = options;\n const [isExporting, setIsExporting] = useState(false);\n\n const exportPNG = useCallback(\n async (filename?: string) => {\n const el = containerRef.current;\n if (!el || isExporting) return;\n setIsExporting(true);\n try {\n const canvas = await elementToCanvas(el);\n const blob = await new Promise<Blob>((resolve, reject) => {\n canvas.toBlob((b) => (b ? resolve(b) : reject(new Error('Failed to create image blob'))), 'image/png');\n });\n const base = name.replace(/\\s+/g, '_').toLowerCase();\n downloadBlob(blob, filename || `${base}_board.png`);\n } finally {\n setIsExporting(false);\n }\n },\n [containerRef, name, isExporting]\n );\n\n const exportPDF = useCallback(async () => {\n const el = containerRef.current;\n if (!el || isExporting) return;\n setIsExporting(true);\n try {\n const canvas = await elementToCanvas(el);\n const imgData = canvas.toDataURL('image/png');\n const title = `${name} — board`;\n // Print just the board image from an isolated window, so \"Save as PDF\"\n // yields a clean board-pack with no app chrome. Falls back to printing the\n // current page if the popup is blocked. Built via DOM APIs (no\n // document.write) so the user-controlled dashboard `name` can never be\n // interpreted as markup.\n const win = window.open('', '_blank');\n if (!win) {\n window.print();\n return;\n }\n const orientation = canvas.width >= canvas.height ? 'landscape' : 'portrait';\n const doc = win.document;\n doc.title = title; // assigned as text, never parsed as HTML\n const style = doc.createElement('style');\n style.textContent = `@page{size:${orientation};margin:12mm}html,body{margin:0;padding:0}img{width:100%;height:auto;display:block}`;\n doc.head.appendChild(style);\n const img = doc.createElement('img');\n img.alt = title;\n img.addEventListener('load', () => {\n win.focus();\n win.print();\n });\n img.src = imgData; // trusted data: URL from our own canvas\n doc.body.appendChild(img);\n } finally {\n setIsExporting(false);\n }\n }, [containerRef, name, isExporting]);\n\n return { exportPNG, exportPDF, isExporting };\n}\n\nexport default useDashboardImageExport;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { useWidgetStore as e } from "../store/widgetStore.js";
|
|
2
|
+
import { useIsEditMode as t } from "../store/dashboardStore.js";
|
|
3
|
+
import "../store/index.js";
|
|
4
|
+
import n from "./useWidgetOperations.js";
|
|
5
|
+
import { useCallback as r } from "react";
|
|
6
|
+
//#region src/bigconsole/hooks/useWidgetConfigPersist.ts
|
|
7
|
+
function i(i) {
|
|
8
|
+
let a = t(), { updateWidget: o } = n(void 0, void 0, { skipFetch: !0 });
|
|
9
|
+
return {
|
|
10
|
+
canPersist: a,
|
|
11
|
+
persistConfig: r(async (t) => {
|
|
12
|
+
if (!a) return !1;
|
|
13
|
+
let n = e.getState().widgets.get(i.id)?.config ?? i.config ?? {};
|
|
14
|
+
return await o({
|
|
15
|
+
id: i.id,
|
|
16
|
+
config: {
|
|
17
|
+
...n,
|
|
18
|
+
...t
|
|
19
|
+
}
|
|
20
|
+
}) != null;
|
|
21
|
+
}, [
|
|
22
|
+
a,
|
|
23
|
+
i.id,
|
|
24
|
+
i.config,
|
|
25
|
+
o
|
|
26
|
+
])
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
//#endregion
|
|
30
|
+
export { i as default };
|
|
31
|
+
|
|
32
|
+
//# sourceMappingURL=useWidgetConfigPersist.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWidgetConfigPersist.js","names":[],"sources":["../../../src/bigconsole/hooks/useWidgetConfigPersist.ts"],"sourcesContent":["/**\n * useWidgetConfigPersist Hook\n *\n * Persists in-place edits to a widget's `config` (e.g. column widths/order from\n * a table drag, or pivot field zones) back to the backend via `updateWidget`,\n * so the change survives a reload.\n *\n * Persistence is gated on edit mode: a viewer dragging a column gets a live,\n * local-only change (handled by the caller's own state) and nothing is written;\n * an editor's change is saved. The hook merges the patch onto the *latest* stored\n * config to avoid clobbering concurrent edits from the properties panel.\n */\n\nimport { useCallback } from 'react';\nimport type { Widget } from '../types';\nimport { useWidgetStore } from '../store';\nimport { useIsEditMode } from '../store';\nimport { useWidgetOperations } from './useWidgetOperations';\n\nexport interface UseWidgetConfigPersistResult {\n /** True when edits to this widget's config will be saved (edit mode). */\n canPersist: boolean;\n /**\n * Merge `patch` into the widget's config and save it. No-op (returns false)\n * when not in edit mode. Resolves to true when the save succeeds.\n */\n persistConfig: (patch: Record<string, unknown>) => Promise<boolean>;\n}\n\nexport function useWidgetConfigPersist(widget: Widget): UseWidgetConfigPersistResult {\n const isEditMode = useIsEditMode();\n // skipFetch: this hook never owns the widget list — it only issues updates.\n const { updateWidget } = useWidgetOperations(undefined, undefined, { skipFetch: true });\n\n const canPersist = isEditMode;\n\n const persistConfig = useCallback(\n async (patch: Record<string, unknown>): Promise<boolean> => {\n if (!isEditMode) return false;\n // Read the freshest config from the store rather than the closure's copy,\n // so we don't overwrite an edit made elsewhere since this component rendered.\n const latest = useWidgetStore.getState().widgets.get(widget.id);\n const baseConfig = (latest?.config ?? widget.config ?? {}) as Record<string, unknown>;\n const result = await updateWidget({\n id: widget.id,\n config: { ...baseConfig, ...patch },\n });\n return result != null;\n },\n [isEditMode, widget.id, widget.config, updateWidget]\n );\n\n return { canPersist, persistConfig };\n}\n\nexport default useWidgetConfigPersist;\n"],"mappings":";;;;;;AA6BA,SAAgB,EAAuB,GAA8C;CACnF,IAAM,IAAa,GAAe,EAE5B,EAAE,oBAAiB,EAAoB,KAAA,GAAW,KAAA,GAAW,EAAE,WAAW,IAAM,CAAC;AAoBvF,QAAO;EAAE,YAlBU;EAkBE,eAhBC,EACpB,OAAO,MAAqD;AAC1D,OAAI,CAAC,EAAY,QAAO;GAIxB,IAAM,IADS,EAAe,UAAU,CAAC,QAAQ,IAAI,EAAO,GAAG,EACnC,UAAU,EAAO,UAAU,EAAE;AAKzD,UAJe,MAAM,EAAa;IAChC,IAAI,EAAO;IACX,QAAQ;KAAE,GAAG;KAAY,GAAG;KAAO;IACpC,CAAC,IACe;KAEnB;GAAC;GAAY,EAAO;GAAI,EAAO;GAAQ;GAAa,CACrD;EAEmC"}
|
|
@@ -239,8 +239,8 @@ var i = 30, a = {
|
|
|
239
239
|
sidebarCollapsed: e.sidebarCollapsed,
|
|
240
240
|
filtersCollapsed: e.filtersCollapsed
|
|
241
241
|
})
|
|
242
|
-
}), { name: "DashboardStore" })), c = () => s((e) => e.globalFilterValues);
|
|
242
|
+
}), { name: "DashboardStore" })), c = () => s((e) => e.viewMode === "edit"), l = () => s((e) => e.globalFilterValues);
|
|
243
243
|
//#endregion
|
|
244
|
-
export { s as useDashboardStore,
|
|
244
|
+
export { s as useDashboardStore, l as useGlobalFilterValues, c as useIsEditMode };
|
|
245
245
|
|
|
246
246
|
//# sourceMappingURL=dashboardStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboardStore.js","names":[],"sources":["../../../src/bigconsole/store/dashboardStore.ts"],"sourcesContent":["/**\n * Dashboard Store - Zustand state management for dashboards\n *\n * Manages dashboard UI state, active page, and layout configuration.\n * Server state is managed by Apollo Client.\n */\n\nimport { create } from 'zustand';\nimport { devtools, persist } from 'zustand/middleware';\nimport { createProfileScopedStorage } from '@burdenoff/fe-libs/shared/utils';\nimport type { Dashboard, DashboardPage, DashboardLayoutConfig, DashboardTheme } from '../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype ViewMode = 'view' | 'edit' | 'preview';\ntype ZoomLevel = number; // 50-200 range\n\n// Undo/redo history — lightweight snapshots of mutable dashboard state\ninterface DashboardSnapshot {\n currentDashboard: Dashboard | null;\n pages: Map<string, DashboardPage>;\n activePageId: string | null;\n layoutConfig: DashboardLayoutConfig;\n}\n\nconst MAX_HISTORY = 30;\n\ninterface DashboardState {\n // Dashboard data\n currentDashboard: Dashboard | null;\n dashboards: Map<string, Dashboard>;\n\n // Page state\n activePageId: string | null;\n pages: Map<string, DashboardPage>;\n\n // View state\n viewMode: ViewMode;\n zoomLevel: ZoomLevel;\n showGrid: boolean;\n snapToGrid: boolean;\n\n // Layout config\n layoutConfig: DashboardLayoutConfig;\n\n // Theme\n theme: DashboardTheme | null;\n\n // Global Filters (Phase 2)\n globalFilterValues: Record<string, unknown>;\n filtersCollapsed: boolean;\n\n // Toolbar state\n toolbarCollapsed: boolean;\n sidebarCollapsed: boolean;\n\n // Undo/Redo history\n canUndo: boolean;\n canRedo: boolean;\n _history: DashboardSnapshot[];\n _historyIndex: number;\n\n // Loading states\n isLoading: boolean;\n isSaving: boolean;\n hasUnsavedChanges: boolean;\n\n // Actions\n setCurrentDashboard: (dashboard: Dashboard | null) => void;\n setDashboards: (dashboards: Dashboard[]) => void;\n addDashboard: (dashboard: Dashboard) => void;\n updateDashboard: (id: string, updates: Partial<Dashboard>) => void;\n removeDashboard: (id: string) => void;\n\n // Page actions\n setActivePageId: (pageId: string | null) => void;\n setPages: (pages: DashboardPage[]) => void;\n addPage: (page: DashboardPage) => void;\n updatePage: (id: string, updates: Partial<DashboardPage>) => void;\n removePage: (id: string) => void;\n reorderPages: (pageIds: string[]) => void;\n\n // View actions\n setViewMode: (mode: ViewMode) => void;\n toggleViewMode: () => void;\n setZoomLevel: (level: number) => void;\n zoomIn: () => void;\n zoomOut: () => void;\n resetZoom: () => void;\n toggleGrid: () => void;\n toggleSnapToGrid: () => void;\n\n // Layout actions\n setLayoutConfig: (config: Partial<DashboardLayoutConfig>) => void;\n\n // Theme actions\n setTheme: (theme: DashboardTheme | null) => void;\n\n // Toolbar actions\n toggleToolbar: () => void;\n toggleSidebar: () => void;\n\n // State actions\n setLoading: (loading: boolean) => void;\n setSaving: (saving: boolean) => void;\n setHasUnsavedChanges: (hasChanges: boolean) => void;\n markAsSaved: () => void;\n\n // Global Filter actions (Phase 2)\n setGlobalFilterValues: (values: Record<string, unknown>) => void;\n setGlobalFilterValue: (filterId: string, value: unknown) => void;\n clearGlobalFilterValue: (filterId: string) => void;\n clearAllGlobalFilters: () => void;\n toggleFiltersCollapsed: () => void;\n\n // Undo/Redo actions (placeholders)\n undo: () => void;\n redo: () => void;\n\n // Reset\n reset: () => void;\n}\n\n// ============================================================================\n// Default Layout Config\n// ============================================================================\n\nconst defaultLayoutConfig: DashboardLayoutConfig = {\n columns: 12,\n rowHeight: 60,\n gap: 16,\n margin: [16, 16],\n containerPadding: [16, 16],\n};\n\n// ============================================================================\n// Initial State\n// ============================================================================\n\nconst initialState = {\n currentDashboard: null,\n dashboards: new Map<string, Dashboard>(),\n activePageId: null,\n pages: new Map<string, DashboardPage>(),\n viewMode: 'view' as ViewMode,\n zoomLevel: 100 as ZoomLevel,\n showGrid: true,\n snapToGrid: true,\n layoutConfig: defaultLayoutConfig,\n theme: null,\n // Global Filters (Phase 2)\n globalFilterValues: {} as Record<string, unknown>,\n filtersCollapsed: false,\n // Toolbar\n toolbarCollapsed: false,\n sidebarCollapsed: false,\n // Undo/redo history\n canUndo: false,\n canRedo: false,\n _history: [] as DashboardSnapshot[],\n _historyIndex: -1,\n isLoading: false,\n isSaving: false,\n hasUnsavedChanges: false,\n};\n\n// ============================================================================\n// Store\n// ============================================================================\n\nexport const useDashboardStore = create<DashboardState>()(\n devtools(\n persist(\n (set, _get) => ({\n ...initialState,\n\n // Dashboard actions\n setCurrentDashboard: (dashboard) => {\n const pages = dashboard ? new Map(dashboard.pages.map((p) => [p.id, p])) : new Map();\n const activePageId = dashboard?.pages?.[0]?.id || null;\n const layoutConfig = dashboard?.layoutConfig || defaultLayoutConfig;\n // Initialize undo history with the loaded state\n const snapshot: DashboardSnapshot = { currentDashboard: dashboard, pages, activePageId, layoutConfig };\n set({\n currentDashboard: dashboard,\n activePageId,\n pages,\n layoutConfig,\n theme: dashboard?.theme || null,\n _history: [snapshot],\n _historyIndex: 0,\n canUndo: false,\n canRedo: false,\n });\n },\n\n setDashboards: (dashboards) =>\n set({\n dashboards: new Map(dashboards.map((d) => [d.id, d])),\n }),\n\n addDashboard: (dashboard) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n newDashboards.set(dashboard.id, dashboard);\n return { dashboards: newDashboards };\n }),\n\n updateDashboard: (id, updates) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n const existing = newDashboards.get(id);\n if (existing) {\n newDashboards.set(id, { ...existing, ...updates });\n }\n // Also update currentDashboard if it's the one being updated\n const currentDashboard =\n state.currentDashboard?.id === id ? { ...state.currentDashboard, ...updates } : state.currentDashboard;\n return {\n dashboards: newDashboards,\n currentDashboard,\n hasUnsavedChanges: true,\n };\n }),\n\n removeDashboard: (id) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n newDashboards.delete(id);\n return {\n dashboards: newDashboards,\n currentDashboard: state.currentDashboard?.id === id ? null : state.currentDashboard,\n };\n }),\n\n // Page actions\n setActivePageId: (pageId) => set({ activePageId: pageId }),\n\n setPages: (pages) =>\n set({\n pages: new Map(pages.map((p) => [p.id, p])),\n activePageId: pages[0]?.id || null,\n }),\n\n addPage: (page) =>\n set((state) => {\n const newPages = new Map(state.pages);\n newPages.set(page.id, page);\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n updatePage: (id, updates) =>\n set((state) => {\n const newPages = new Map(state.pages);\n const existing = newPages.get(id);\n if (existing) {\n newPages.set(id, { ...existing, ...updates });\n }\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n removePage: (id) =>\n set((state) => {\n const newPages = new Map(state.pages);\n newPages.delete(id);\n const pagesArray = Array.from(newPages.values());\n return {\n pages: newPages,\n activePageId: state.activePageId === id ? pagesArray[0]?.id || null : state.activePageId,\n hasUnsavedChanges: true,\n };\n }),\n\n reorderPages: (pageIds) =>\n set((state) => {\n const newPages = new Map<string, DashboardPage>();\n pageIds.forEach((id, index) => {\n const page = state.pages.get(id);\n if (page) {\n newPages.set(id, { ...page, order: index });\n }\n });\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n // View actions\n setViewMode: (mode) => set({ viewMode: mode }),\n\n toggleViewMode: () =>\n set((state) => ({\n viewMode: state.viewMode === 'edit' ? 'view' : 'edit',\n })),\n\n setZoomLevel: (level) => {\n // Clamp to valid zoom levels\n const clampedLevel = Math.max(50, Math.min(200, level)) as ZoomLevel;\n set({ zoomLevel: clampedLevel });\n },\n\n zoomIn: () =>\n set((state) => {\n const levels: ZoomLevel[] = [50, 75, 100, 125, 150];\n const currentIndex = levels.indexOf(state.zoomLevel);\n const nextIndex = Math.min(currentIndex + 1, levels.length - 1);\n return { zoomLevel: levels[nextIndex] };\n }),\n\n zoomOut: () =>\n set((state) => {\n const levels: ZoomLevel[] = [50, 75, 100, 125, 150];\n const currentIndex = levels.indexOf(state.zoomLevel);\n const prevIndex = Math.max(currentIndex - 1, 0);\n return { zoomLevel: levels[prevIndex] };\n }),\n\n resetZoom: () => set({ zoomLevel: 100 }),\n\n toggleGrid: () => set((state) => ({ showGrid: !state.showGrid })),\n\n toggleSnapToGrid: () => set((state) => ({ snapToGrid: !state.snapToGrid })),\n\n // Layout actions\n setLayoutConfig: (config) =>\n set((state) => ({\n layoutConfig: { ...state.layoutConfig, ...config },\n hasUnsavedChanges: true,\n })),\n\n // Theme actions\n setTheme: (theme) => set({ theme, hasUnsavedChanges: true }),\n\n // Toolbar actions\n toggleToolbar: () => set((state) => ({ toolbarCollapsed: !state.toolbarCollapsed })),\n toggleSidebar: () => set((state) => ({ sidebarCollapsed: !state.sidebarCollapsed })),\n\n // State actions\n setLoading: (loading) => set({ isLoading: loading }),\n setSaving: (saving) => set({ isSaving: saving }),\n setHasUnsavedChanges: (hasChanges) =>\n set((state) => {\n if (!hasChanges) return { hasUnsavedChanges: false };\n // Push snapshot to history on mutation\n const snapshot: DashboardSnapshot = {\n currentDashboard: state.currentDashboard,\n pages: new Map(state.pages),\n activePageId: state.activePageId,\n layoutConfig: state.layoutConfig,\n };\n // Trim future history (discard redo stack on new mutation)\n const history = state._history.slice(0, state._historyIndex + 1);\n history.push(snapshot);\n // Cap history size\n if (history.length > MAX_HISTORY) history.shift();\n const newIndex = history.length - 1;\n return {\n hasUnsavedChanges: true,\n _history: history,\n _historyIndex: newIndex,\n canUndo: newIndex > 0,\n canRedo: false,\n };\n }),\n markAsSaved: () => set({ hasUnsavedChanges: false, isSaving: false }),\n\n // Global Filter actions (Phase 2)\n setGlobalFilterValues: (values) => set({ globalFilterValues: values }),\n\n setGlobalFilterValue: (filterId, value) =>\n set((state) => ({\n globalFilterValues: {\n ...state.globalFilterValues,\n [filterId]: value,\n },\n })),\n\n clearGlobalFilterValue: (filterId) =>\n set((state) => {\n const newValues = { ...state.globalFilterValues };\n delete newValues[filterId];\n return { globalFilterValues: newValues };\n }),\n\n clearAllGlobalFilters: () => set({ globalFilterValues: {} }),\n\n toggleFiltersCollapsed: () => set((state) => ({ filtersCollapsed: !state.filtersCollapsed })),\n\n // Undo/Redo — snapshot-based history\n undo: () =>\n set((state) => {\n if (state._historyIndex <= 0) return state;\n const newIndex = state._historyIndex - 1;\n const snapshot = state._history[newIndex];\n if (!snapshot) return state;\n return {\n currentDashboard: snapshot.currentDashboard,\n pages: new Map(snapshot.pages),\n activePageId: snapshot.activePageId,\n layoutConfig: snapshot.layoutConfig,\n _historyIndex: newIndex,\n canUndo: newIndex > 0,\n canRedo: true,\n hasUnsavedChanges: true,\n };\n }),\n redo: () =>\n set((state) => {\n if (state._historyIndex >= state._history.length - 1) return state;\n const newIndex = state._historyIndex + 1;\n const snapshot = state._history[newIndex];\n if (!snapshot) return state;\n return {\n currentDashboard: snapshot.currentDashboard,\n pages: new Map(snapshot.pages),\n activePageId: snapshot.activePageId,\n layoutConfig: snapshot.layoutConfig,\n _historyIndex: newIndex,\n canUndo: true,\n canRedo: newIndex < state._history.length - 1,\n hasUnsavedChanges: true,\n };\n }),\n\n // Reset\n reset: () => set(initialState),\n }),\n {\n name: 'bigconsole-dashboard-store',\n storage: createProfileScopedStorage(),\n partialize: (state) => ({\n // Only persist UI preferences\n viewMode: state.viewMode,\n zoomLevel: state.zoomLevel,\n showGrid: state.showGrid,\n snapToGrid: state.snapToGrid,\n toolbarCollapsed: state.toolbarCollapsed,\n sidebarCollapsed: state.sidebarCollapsed,\n filtersCollapsed: state.filtersCollapsed,\n }),\n }\n ),\n { name: 'DashboardStore' }\n )\n);\n\n// ============================================================================\n// Selectors\n// ============================================================================\n\nexport const useCurrentDashboard = () => {\n return useDashboardStore((state) => state.currentDashboard);\n};\n\nexport const useActivePage = () => {\n const activePageId = useDashboardStore((state) => state.activePageId);\n const pages = useDashboardStore((state) => state.pages);\n return activePageId ? pages.get(activePageId) : null;\n};\n\nexport const usePagesArray = () => {\n return useDashboardStore((state) => Array.from(state.pages.values()).sort((a, b) => (a.order ?? 0) - (b.order ?? 0)));\n};\n\nexport const useDashboardsArray = () => {\n return useDashboardStore((state) => Array.from(state.dashboards.values()));\n};\n\nexport const useIsEditMode = () => {\n return useDashboardStore((state) => state.viewMode === 'edit');\n};\n\nexport const useLayoutConfig = () => {\n return useDashboardStore((state) => state.layoutConfig);\n};\n\nexport const useHasUnsavedChanges = () => {\n return useDashboardStore((state) => state.hasUnsavedChanges);\n};\n\n// ============================================================================\n// Global Filter Selectors (Phase 2)\n// ============================================================================\n\n/**\n * Get all global filter values\n */\nexport const useGlobalFilterValues = () => {\n return useDashboardStore((state) => state.globalFilterValues);\n};\n\n/**\n * Get a specific filter value by ID\n */\nexport const useGlobalFilterValue = (filterId: string) => {\n return useDashboardStore((state) => state.globalFilterValues[filterId]);\n};\n\n/**\n * Check if any filters are active\n */\nexport const useHasActiveFilters = () => {\n return useDashboardStore((state) => Object.keys(state.globalFilterValues).length > 0);\n};\n\n/**\n * Get filters collapsed state\n */\nexport const useFiltersCollapsed = () => {\n return useDashboardStore((state) => state.filtersCollapsed);\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dashboardStore.js","names":[],"sources":["../../../src/bigconsole/store/dashboardStore.ts"],"sourcesContent":["/**\n * Dashboard Store - Zustand state management for dashboards\n *\n * Manages dashboard UI state, active page, and layout configuration.\n * Server state is managed by Apollo Client.\n */\n\nimport { create } from 'zustand';\nimport { devtools, persist } from 'zustand/middleware';\nimport { createProfileScopedStorage } from '@burdenoff/fe-libs/shared/utils';\nimport type { Dashboard, DashboardPage, DashboardLayoutConfig, DashboardTheme } from '../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype ViewMode = 'view' | 'edit' | 'preview';\ntype ZoomLevel = number; // 50-200 range\n\n// Undo/redo history — lightweight snapshots of mutable dashboard state\ninterface DashboardSnapshot {\n currentDashboard: Dashboard | null;\n pages: Map<string, DashboardPage>;\n activePageId: string | null;\n layoutConfig: DashboardLayoutConfig;\n}\n\nconst MAX_HISTORY = 30;\n\ninterface DashboardState {\n // Dashboard data\n currentDashboard: Dashboard | null;\n dashboards: Map<string, Dashboard>;\n\n // Page state\n activePageId: string | null;\n pages: Map<string, DashboardPage>;\n\n // View state\n viewMode: ViewMode;\n zoomLevel: ZoomLevel;\n showGrid: boolean;\n snapToGrid: boolean;\n\n // Layout config\n layoutConfig: DashboardLayoutConfig;\n\n // Theme\n theme: DashboardTheme | null;\n\n // Global Filters (Phase 2)\n globalFilterValues: Record<string, unknown>;\n filtersCollapsed: boolean;\n\n // Toolbar state\n toolbarCollapsed: boolean;\n sidebarCollapsed: boolean;\n\n // Undo/Redo history\n canUndo: boolean;\n canRedo: boolean;\n _history: DashboardSnapshot[];\n _historyIndex: number;\n\n // Loading states\n isLoading: boolean;\n isSaving: boolean;\n hasUnsavedChanges: boolean;\n\n // Actions\n setCurrentDashboard: (dashboard: Dashboard | null) => void;\n setDashboards: (dashboards: Dashboard[]) => void;\n addDashboard: (dashboard: Dashboard) => void;\n updateDashboard: (id: string, updates: Partial<Dashboard>) => void;\n removeDashboard: (id: string) => void;\n\n // Page actions\n setActivePageId: (pageId: string | null) => void;\n setPages: (pages: DashboardPage[]) => void;\n addPage: (page: DashboardPage) => void;\n updatePage: (id: string, updates: Partial<DashboardPage>) => void;\n removePage: (id: string) => void;\n reorderPages: (pageIds: string[]) => void;\n\n // View actions\n setViewMode: (mode: ViewMode) => void;\n toggleViewMode: () => void;\n setZoomLevel: (level: number) => void;\n zoomIn: () => void;\n zoomOut: () => void;\n resetZoom: () => void;\n toggleGrid: () => void;\n toggleSnapToGrid: () => void;\n\n // Layout actions\n setLayoutConfig: (config: Partial<DashboardLayoutConfig>) => void;\n\n // Theme actions\n setTheme: (theme: DashboardTheme | null) => void;\n\n // Toolbar actions\n toggleToolbar: () => void;\n toggleSidebar: () => void;\n\n // State actions\n setLoading: (loading: boolean) => void;\n setSaving: (saving: boolean) => void;\n setHasUnsavedChanges: (hasChanges: boolean) => void;\n markAsSaved: () => void;\n\n // Global Filter actions (Phase 2)\n setGlobalFilterValues: (values: Record<string, unknown>) => void;\n setGlobalFilterValue: (filterId: string, value: unknown) => void;\n clearGlobalFilterValue: (filterId: string) => void;\n clearAllGlobalFilters: () => void;\n toggleFiltersCollapsed: () => void;\n\n // Undo/Redo actions (placeholders)\n undo: () => void;\n redo: () => void;\n\n // Reset\n reset: () => void;\n}\n\n// ============================================================================\n// Default Layout Config\n// ============================================================================\n\nconst defaultLayoutConfig: DashboardLayoutConfig = {\n columns: 12,\n rowHeight: 60,\n gap: 16,\n margin: [16, 16],\n containerPadding: [16, 16],\n};\n\n// ============================================================================\n// Initial State\n// ============================================================================\n\nconst initialState = {\n currentDashboard: null,\n dashboards: new Map<string, Dashboard>(),\n activePageId: null,\n pages: new Map<string, DashboardPage>(),\n viewMode: 'view' as ViewMode,\n zoomLevel: 100 as ZoomLevel,\n showGrid: true,\n snapToGrid: true,\n layoutConfig: defaultLayoutConfig,\n theme: null,\n // Global Filters (Phase 2)\n globalFilterValues: {} as Record<string, unknown>,\n filtersCollapsed: false,\n // Toolbar\n toolbarCollapsed: false,\n sidebarCollapsed: false,\n // Undo/redo history\n canUndo: false,\n canRedo: false,\n _history: [] as DashboardSnapshot[],\n _historyIndex: -1,\n isLoading: false,\n isSaving: false,\n hasUnsavedChanges: false,\n};\n\n// ============================================================================\n// Store\n// ============================================================================\n\nexport const useDashboardStore = create<DashboardState>()(\n devtools(\n persist(\n (set, _get) => ({\n ...initialState,\n\n // Dashboard actions\n setCurrentDashboard: (dashboard) => {\n const pages = dashboard ? new Map(dashboard.pages.map((p) => [p.id, p])) : new Map();\n const activePageId = dashboard?.pages?.[0]?.id || null;\n const layoutConfig = dashboard?.layoutConfig || defaultLayoutConfig;\n // Initialize undo history with the loaded state\n const snapshot: DashboardSnapshot = { currentDashboard: dashboard, pages, activePageId, layoutConfig };\n set({\n currentDashboard: dashboard,\n activePageId,\n pages,\n layoutConfig,\n theme: dashboard?.theme || null,\n _history: [snapshot],\n _historyIndex: 0,\n canUndo: false,\n canRedo: false,\n });\n },\n\n setDashboards: (dashboards) =>\n set({\n dashboards: new Map(dashboards.map((d) => [d.id, d])),\n }),\n\n addDashboard: (dashboard) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n newDashboards.set(dashboard.id, dashboard);\n return { dashboards: newDashboards };\n }),\n\n updateDashboard: (id, updates) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n const existing = newDashboards.get(id);\n if (existing) {\n newDashboards.set(id, { ...existing, ...updates });\n }\n // Also update currentDashboard if it's the one being updated\n const currentDashboard =\n state.currentDashboard?.id === id ? { ...state.currentDashboard, ...updates } : state.currentDashboard;\n return {\n dashboards: newDashboards,\n currentDashboard,\n hasUnsavedChanges: true,\n };\n }),\n\n removeDashboard: (id) =>\n set((state) => {\n const newDashboards = new Map(state.dashboards);\n newDashboards.delete(id);\n return {\n dashboards: newDashboards,\n currentDashboard: state.currentDashboard?.id === id ? null : state.currentDashboard,\n };\n }),\n\n // Page actions\n setActivePageId: (pageId) => set({ activePageId: pageId }),\n\n setPages: (pages) =>\n set({\n pages: new Map(pages.map((p) => [p.id, p])),\n activePageId: pages[0]?.id || null,\n }),\n\n addPage: (page) =>\n set((state) => {\n const newPages = new Map(state.pages);\n newPages.set(page.id, page);\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n updatePage: (id, updates) =>\n set((state) => {\n const newPages = new Map(state.pages);\n const existing = newPages.get(id);\n if (existing) {\n newPages.set(id, { ...existing, ...updates });\n }\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n removePage: (id) =>\n set((state) => {\n const newPages = new Map(state.pages);\n newPages.delete(id);\n const pagesArray = Array.from(newPages.values());\n return {\n pages: newPages,\n activePageId: state.activePageId === id ? pagesArray[0]?.id || null : state.activePageId,\n hasUnsavedChanges: true,\n };\n }),\n\n reorderPages: (pageIds) =>\n set((state) => {\n const newPages = new Map<string, DashboardPage>();\n pageIds.forEach((id, index) => {\n const page = state.pages.get(id);\n if (page) {\n newPages.set(id, { ...page, order: index });\n }\n });\n return { pages: newPages, hasUnsavedChanges: true };\n }),\n\n // View actions\n setViewMode: (mode) => set({ viewMode: mode }),\n\n toggleViewMode: () =>\n set((state) => ({\n viewMode: state.viewMode === 'edit' ? 'view' : 'edit',\n })),\n\n setZoomLevel: (level) => {\n // Clamp to valid zoom levels\n const clampedLevel = Math.max(50, Math.min(200, level)) as ZoomLevel;\n set({ zoomLevel: clampedLevel });\n },\n\n zoomIn: () =>\n set((state) => {\n const levels: ZoomLevel[] = [50, 75, 100, 125, 150];\n const currentIndex = levels.indexOf(state.zoomLevel);\n const nextIndex = Math.min(currentIndex + 1, levels.length - 1);\n return { zoomLevel: levels[nextIndex] };\n }),\n\n zoomOut: () =>\n set((state) => {\n const levels: ZoomLevel[] = [50, 75, 100, 125, 150];\n const currentIndex = levels.indexOf(state.zoomLevel);\n const prevIndex = Math.max(currentIndex - 1, 0);\n return { zoomLevel: levels[prevIndex] };\n }),\n\n resetZoom: () => set({ zoomLevel: 100 }),\n\n toggleGrid: () => set((state) => ({ showGrid: !state.showGrid })),\n\n toggleSnapToGrid: () => set((state) => ({ snapToGrid: !state.snapToGrid })),\n\n // Layout actions\n setLayoutConfig: (config) =>\n set((state) => ({\n layoutConfig: { ...state.layoutConfig, ...config },\n hasUnsavedChanges: true,\n })),\n\n // Theme actions\n setTheme: (theme) => set({ theme, hasUnsavedChanges: true }),\n\n // Toolbar actions\n toggleToolbar: () => set((state) => ({ toolbarCollapsed: !state.toolbarCollapsed })),\n toggleSidebar: () => set((state) => ({ sidebarCollapsed: !state.sidebarCollapsed })),\n\n // State actions\n setLoading: (loading) => set({ isLoading: loading }),\n setSaving: (saving) => set({ isSaving: saving }),\n setHasUnsavedChanges: (hasChanges) =>\n set((state) => {\n if (!hasChanges) return { hasUnsavedChanges: false };\n // Push snapshot to history on mutation\n const snapshot: DashboardSnapshot = {\n currentDashboard: state.currentDashboard,\n pages: new Map(state.pages),\n activePageId: state.activePageId,\n layoutConfig: state.layoutConfig,\n };\n // Trim future history (discard redo stack on new mutation)\n const history = state._history.slice(0, state._historyIndex + 1);\n history.push(snapshot);\n // Cap history size\n if (history.length > MAX_HISTORY) history.shift();\n const newIndex = history.length - 1;\n return {\n hasUnsavedChanges: true,\n _history: history,\n _historyIndex: newIndex,\n canUndo: newIndex > 0,\n canRedo: false,\n };\n }),\n markAsSaved: () => set({ hasUnsavedChanges: false, isSaving: false }),\n\n // Global Filter actions (Phase 2)\n setGlobalFilterValues: (values) => set({ globalFilterValues: values }),\n\n setGlobalFilterValue: (filterId, value) =>\n set((state) => ({\n globalFilterValues: {\n ...state.globalFilterValues,\n [filterId]: value,\n },\n })),\n\n clearGlobalFilterValue: (filterId) =>\n set((state) => {\n const newValues = { ...state.globalFilterValues };\n delete newValues[filterId];\n return { globalFilterValues: newValues };\n }),\n\n clearAllGlobalFilters: () => set({ globalFilterValues: {} }),\n\n toggleFiltersCollapsed: () => set((state) => ({ filtersCollapsed: !state.filtersCollapsed })),\n\n // Undo/Redo — snapshot-based history\n undo: () =>\n set((state) => {\n if (state._historyIndex <= 0) return state;\n const newIndex = state._historyIndex - 1;\n const snapshot = state._history[newIndex];\n if (!snapshot) return state;\n return {\n currentDashboard: snapshot.currentDashboard,\n pages: new Map(snapshot.pages),\n activePageId: snapshot.activePageId,\n layoutConfig: snapshot.layoutConfig,\n _historyIndex: newIndex,\n canUndo: newIndex > 0,\n canRedo: true,\n hasUnsavedChanges: true,\n };\n }),\n redo: () =>\n set((state) => {\n if (state._historyIndex >= state._history.length - 1) return state;\n const newIndex = state._historyIndex + 1;\n const snapshot = state._history[newIndex];\n if (!snapshot) return state;\n return {\n currentDashboard: snapshot.currentDashboard,\n pages: new Map(snapshot.pages),\n activePageId: snapshot.activePageId,\n layoutConfig: snapshot.layoutConfig,\n _historyIndex: newIndex,\n canUndo: true,\n canRedo: newIndex < state._history.length - 1,\n hasUnsavedChanges: true,\n };\n }),\n\n // Reset\n reset: () => set(initialState),\n }),\n {\n name: 'bigconsole-dashboard-store',\n storage: createProfileScopedStorage(),\n partialize: (state) => ({\n // Only persist UI preferences\n viewMode: state.viewMode,\n zoomLevel: state.zoomLevel,\n showGrid: state.showGrid,\n snapToGrid: state.snapToGrid,\n toolbarCollapsed: state.toolbarCollapsed,\n sidebarCollapsed: state.sidebarCollapsed,\n filtersCollapsed: state.filtersCollapsed,\n }),\n }\n ),\n { name: 'DashboardStore' }\n )\n);\n\n// ============================================================================\n// Selectors\n// ============================================================================\n\nexport const useCurrentDashboard = () => {\n return useDashboardStore((state) => state.currentDashboard);\n};\n\nexport const useActivePage = () => {\n const activePageId = useDashboardStore((state) => state.activePageId);\n const pages = useDashboardStore((state) => state.pages);\n return activePageId ? pages.get(activePageId) : null;\n};\n\nexport const usePagesArray = () => {\n return useDashboardStore((state) => Array.from(state.pages.values()).sort((a, b) => (a.order ?? 0) - (b.order ?? 0)));\n};\n\nexport const useDashboardsArray = () => {\n return useDashboardStore((state) => Array.from(state.dashboards.values()));\n};\n\nexport const useIsEditMode = () => {\n return useDashboardStore((state) => state.viewMode === 'edit');\n};\n\nexport const useLayoutConfig = () => {\n return useDashboardStore((state) => state.layoutConfig);\n};\n\nexport const useHasUnsavedChanges = () => {\n return useDashboardStore((state) => state.hasUnsavedChanges);\n};\n\n// ============================================================================\n// Global Filter Selectors (Phase 2)\n// ============================================================================\n\n/**\n * Get all global filter values\n */\nexport const useGlobalFilterValues = () => {\n return useDashboardStore((state) => state.globalFilterValues);\n};\n\n/**\n * Get a specific filter value by ID\n */\nexport const useGlobalFilterValue = (filterId: string) => {\n return useDashboardStore((state) => state.globalFilterValues[filterId]);\n};\n\n/**\n * Check if any filters are active\n */\nexport const useHasActiveFilters = () => {\n return useDashboardStore((state) => Object.keys(state.globalFilterValues).length > 0);\n};\n\n/**\n * Get filters collapsed state\n */\nexport const useFiltersCollapsed = () => {\n return useDashboardStore((state) => state.filtersCollapsed);\n};\n"],"mappings":"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"}
|