@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/table/TableWidget.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface TableWidgetProps {
+    /** Widget configuration */
+    widget: Widget;
+    /** Table data (array of rows) */
+    data?: Record<string, unknown>[];
+    /** Click handler for row drilldown */
+    onRowClick?: (row: Record<string, unknown>, index: number) => void;
+    /** Drilldown handler - receives selected row data */
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+}
+export declare const TableWidget: FC<TableWidgetProps>;
+export default TableWidget;
+//# sourceMappingURL=TableWidget.d.ts.map

package/dist/bigconsole/components/widgets/table/TableWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAW7E,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAsDD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2W3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/widgets/table/TableWidget.js

@@ -0,0 +1,258 @@
+import { useCrossFilterContext as e, useWidgetCrossFilter as t } from "../../../contexts/CrossFilterContext.js";
+import "../../../contexts/index.js";
+import n from "./TableHeader.js";
+import r from "./TableCell.js";
+import i from "./TablePagination.js";
+import { memo as a, useCallback as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/table/TableWidget.tsx
+function d(e, t) {
+	return !t.column || !t.direction ? e : [...e].sort((e, n) => {
+		let r = e[t.column], i = n[t.column];
+		if (r == null && i == null) return 0;
+		if (r == null) return t.direction === "asc" ? 1 : -1;
+		if (i == null) return t.direction === "asc" ? -1 : 1;
+		let a = 0;
+		return a = typeof r == "number" && typeof i == "number" ? r - i : String(r).localeCompare(String(i)), t.direction === "asc" ? a : -a;
+	});
+}
+function f(e, t, n) {
+	if (!t.trim()) return e;
+	let r = t.toLowerCase();
+	return e.filter((e) => n.some((t) => {
+		let n = e[t.key];
+		return n != null && String(n).toLowerCase().includes(r);
+	}));
+}
+var p = a(function({ widget: a, data: p = [], onRowClick: m, onDrilldown: h }) {
+	let g = a.config, _ = s(() => {
+		if (Array.isArray(p)) return p;
+		if (p && typeof p == "object") {
+			for (let e of [
+				"data",
+				"items",
+				"rows",
+				"results",
+				"records",
+				"list",
+				"sales",
+				"entries",
+				"values"
+			]) if (Array.isArray(p[e])) return p[e];
+			let e = Object.values(p);
+			for (let t of e) if (Array.isArray(t)) return t;
+			return [p];
+		}
+		return [];
+	}, [p]), { handleDataClick: v, enabled: y } = t(a.id, g?.crossFilterMappings), { clearAllCrossFilters: b, hasCrossFilters: x } = e(), [S, C] = c({
+		column: g?.defaultSortColumn || null,
+		direction: g?.defaultSortDirection || null
+	}), [w, T] = c(""), [E, D] = c({
+		page: 0,
+		pageSize: g?.pageSize || 10,
+		totalItems: 0
+	}), O = s(() => g?.columns?.length ? g.columns.map((e) => {
+		if (typeof e == "string") return {
+			key: e,
+			header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "),
+			sortable: !0
+		};
+		let t = e.key || e.field || "";
+		return {
+			key: t,
+			header: e.label || e.header || t,
+			sortable: e.sortable !== !1,
+			width: e.width == null ? void 0 : String(e.width),
+			align: e.align
+		};
+	}) : _.length > 0 ? Object.keys(_[0]).map((e) => ({
+		key: e,
+		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "),
+		sortable: !0
+	})) : [], [g?.columns, _]), k = s(() => {
+		let e = {};
+		return g?.columns?.forEach((t) => {
+			t.format && (t.key || t.field) && (e[t.key || t.field || ""] = { type: t.format });
+		}), e;
+	}, [g?.columns]), A = s(() => {
+		let e = _;
+		return g?.showSearch !== !1 && (e = f(e, w, O)), e = d(e, S), e;
+	}, [
+		_,
+		w,
+		S,
+		O,
+		g?.showSearch
+	]);
+	s(() => {
+		D((e) => ({
+			...e,
+			totalItems: A.length
+		}));
+	}, [A.length]);
+	let j = s(() => {
+		if (g?.showPagination === !1) return A;
+		let e = E.page * E.pageSize;
+		return A.slice(e, e + E.pageSize);
+	}, [
+		A,
+		E,
+		g?.showPagination
+	]), M = o((e) => {
+		C((t) => {
+			if (t.column !== e) return {
+				column: e,
+				direction: "asc"
+			};
+			let n = t.direction === "asc" ? "desc" : t.direction === "desc" ? null : "asc";
+			return {
+				column: n ? e : null,
+				direction: n
+			};
+		});
+	}, []), N = o((e) => {
+		D((t) => ({
+			...t,
+			page: e
+		}));
+	}, []), P = o((e) => {
+		D((t) => ({
+			...t,
+			pageSize: e,
+			page: 0
+		}));
+	}, []), F = o((e, t) => {
+		let n = g?.crossFilterMappings?.length || g?.enableCrossFilter;
+		if (y && n) {
+			let t = O[0]?.key;
+			v(e, t ? String(e[t]) : void 0);
+		}
+		h ? h(e) : m && a.drilldowns?.length && m(e, t);
+	}, [
+		m,
+		h,
+		a.drilldowns,
+		y,
+		v,
+		O,
+		g?.crossFilterMappings,
+		g?.enableCrossFilter
+	]), I = o(() => {
+		let e = [O.map((e) => e.header).join(","), ...A.map((e) => O.map((t) => {
+			let n = e[t.key];
+			if (n == null) return "";
+			let r = String(n);
+			return r.includes(",") || r.includes("\"") ? `"${r.replace(/"/g, "\"\"")}"` : r;
+		}).join(","))].join("\n"), t = new Blob([e], { type: "text/csv" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = `${a.title || "table"}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`, r.click(), URL.revokeObjectURL(n);
+	}, [
+		O,
+		A,
+		a.title
+	]), L = g?.crossFilterMappings?.length || g?.enableCrossFilter, R = !!(h || m && a.drilldowns?.length || L);
+	return /* @__PURE__ */ u("div", {
+		className: "flex flex-col h-full",
+		children: [
+			x && /* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2 px-3 py-2 border-b border-border-default",
+				children: /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: (e) => {
+						e.stopPropagation(), b();
+					},
+					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            ",
+					children: [/* @__PURE__ */ l("svg", {
+						className: "w-3.5 h-3.5",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+						})
+					}), "Clear Filter"]
+				})
+			}),
+			(g?.showSearch !== !1 || g?.showExport !== !1) && /* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between p-3 border-b border-border-default",
+				children: [g?.showSearch !== !1 && /* @__PURE__ */ u("div", {
+					className: "relative flex items-center",
+					children: [/* @__PURE__ */ l("svg", {
+						className: "absolute left-3 w-4 h-4 text-text-secondary pointer-events-none",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						})
+					}), /* @__PURE__ */ l("input", {
+						type: "text",
+						placeholder: "Search products...",
+						value: w,
+						onChange: (e) => T(e.target.value),
+						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                "
+					})]
+				}), g?.showExport !== !1 && /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: I,
+					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              ",
+					children: [/* @__PURE__ */ l("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+						})
+					}), "Export CSV"]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex-1 overflow-auto",
+				children: [/* @__PURE__ */ u("table", {
+					className: "w-full",
+					children: [/* @__PURE__ */ l(n, {
+						columns: O,
+						sortState: S,
+						onSort: M
+					}), /* @__PURE__ */ l("tbody", { children: j.map((e, t) => /* @__PURE__ */ l("tr", {
+						className: `
+                  ${R ? "cursor-pointer hover:bg-bg-muted/50" : ""}
+                  ${t % 2 == 0 ? "bg-bg-surface" : "bg-bg-muted/30"}
+                `,
+						onClick: () => F(e, t),
+						children: O.map((t) => /* @__PURE__ */ l(r, {
+							value: e[t.key],
+							column: t,
+							format: k[t.key],
+							rowData: e
+						}, t.key))
+					}, t)) })]
+				}), j.length === 0 && /* @__PURE__ */ l("div", {
+					className: "flex items-center justify-center py-12 text-text-secondary",
+					children: w ? "No matching records found" : "No data available"
+				})]
+			}),
+			g?.showPagination !== !1 && A.length > 0 && /* @__PURE__ */ l(i, {
+				pagination: {
+					...E,
+					totalItems: A.length
+				},
+				onPageChange: N,
+				onPageSizeChange: P
+			})
+		]
+	});
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TableWidget.js.map

package/dist/bigconsole/components/widgets/table/TableWidget.js.map

@@ -0,0 +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 } from 'react';\nimport type { Widget, TableConfig, TableColumnConfig } from '../../../types';\nimport { TableHeader, type ColumnDefinition, type SortState, type SortDirection } from './TableHeader';\nimport { TableCell, type CellFormatConfig } from './TableCell';\nimport { TablePagination, type PaginationState } from './TablePagination';\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// ============================================================================\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  // 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  // 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  // 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 className=\"flex-1 overflow-auto\">\n        <table className=\"w-full\">\n          <TableHeader columns={columns} sortState={sortState} onSort={handleSort} />\n          <tbody>\n            {paginatedData.map((row, rowIndex) => (\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                onClick={() => handleRowClick(row, rowIndex)}\n              >\n                {columns.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                  />\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n\n        {paginatedData.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 */}\n      {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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"}

package/dist/bigconsole/components/widgets/table/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Table Widget
+ *
+ * Data table with sorting, filtering, pagination, and export.
+ */
+export { TableWidget, type TableWidgetProps } from './TableWidget';
+export { TableConfig, type TableConfigProps } from './TableConfig';
+export { TableHeader, type TableHeaderProps, type ColumnDefinition, type SortState, type SortDirection, } from './TableHeader';
+export { TableCell, type TableCellProps, type CellFormat, type CellFormatConfig } from './TableCell';
+export { TablePagination, type TablePaginationProps, type PaginationState } from './TablePagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,aAAa,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bigconsole/components/widgets/table/index.js

@@ -0,0 +1,6 @@
+import e from "./TableHeader.js";
+import t from "./TableCell.js";
+import n from "./TablePagination.js";
+import r from "./TableWidget.js";
+import i from "./TableConfig.js";
+export { t as TableCell, i as TableConfig, e as TableHeader, n as TablePagination, r as TableWidget };

package/dist/bigconsole/components/widgets/text-widget/TextWidget.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface TextWidgetProps {
+    widget: Widget;
+    data?: TextData;
+}
+export interface TextData {
+    content?: string;
+    format?: 'markdown' | 'html' | 'plain';
+}
+export declare const TextWidget: FC<TextWidgetProps>;
+export default TextWidget;
+//# sourceMappingURL=TextWidget.d.ts.map

package/dist/bigconsole/components/widgets/text-widget/TextWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/text-widget/TextWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;CACxC;AAoED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuDzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/text-widget/TextWidget.js

@@ -0,0 +1,47 @@
+import { memo as e, useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/text-widget/TextWidget.tsx
+function i(e) {
+	let t = e;
+	return t = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), t = t.replace(/^### (.+)$/gm, "<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>"), t = t.replace(/^## (.+)$/gm, "<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>"), t = t.replace(/^# (.+)$/gm, "<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong class=\"font-semibold\">$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/`([^`]+)`/g, "<code class=\"px-1 py-0.5 bg-bg-muted rounded text-sm font-mono\">$1</code>"), t = t.replace(/^> (.+)$/gm, "<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>"), t = t.replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>"), t = t.replace(/(<li[^>]*>.*<\/li>\n?)+/g, "<ul class=\"my-2\">$&</ul>"), t = t.replace(/^\|(.+)\|$/gm, (e, t) => {
+		let n = t.split("|").map((e) => e.trim());
+		return n.some((e) => e.match(/^-+$/)) ? "" : `<tr>${n.map((e) => `<td class="border border-border-default px-2 py-1 text-sm">${e}</td>`).join("")}</tr>`;
+	}), t = t.replace(/(<tr>.*<\/tr>\n?)+/g, "<table class=\"w-full border-collapse my-2\">$&</table>"), t = t.split("\n\n").map((e) => e.startsWith("<") ? e : `<p class="my-2 text-text-primary">${e}</p>`).join(""), t = t.replace(/\n/g, "<br/>"), t;
+}
+var a = e(function({ widget: e, data: a }) {
+	let o = a?.content || "", s = a?.format || "markdown", c = t(() => o ? s === "markdown" ? { __html: i(o) } : s === "html" ? { __html: o } : null : null, [o, s]);
+	return o ? s === "plain" ? /* @__PURE__ */ n("div", {
+		className: "h-full p-4 overflow-auto",
+		children: /* @__PURE__ */ n("pre", {
+			className: "text-sm text-text-primary whitespace-pre-wrap font-sans",
+			children: o
+		})
+	}) : /* @__PURE__ */ n("div", {
+		className: "h-full p-4 overflow-auto",
+		children: /* @__PURE__ */ n("div", {
+			className: "prose prose-sm max-w-none text-text-primary",
+			dangerouslySetInnerHTML: c
+		})
+	}) : /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ r("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ n("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+				})
+			}), /* @__PURE__ */ n("p", { children: "No text content" })]
+		})
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TextWidget.js.map

package/dist/bigconsole/components/widgets/text-widget/TextWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/text-widget/TextWidget.tsx"],"sourcesContent":["/**\n * TextWidget Component\n *\n * Displays markdown/rich text content.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TextWidgetProps {\n  widget: Widget;\n  data?: TextData;\n}\n\nexport interface TextData {\n  content?: string;\n  format?: 'markdown' | 'html' | 'plain';\n}\n\n// ============================================================================\n// Simple Markdown Parser (basic support)\n// ============================================================================\n\nfunction parseMarkdown(text: string): string {\n  let html = text;\n\n  // Escape HTML\n  html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n  // Headers\n  html = html.replace(/^### (.+)$/gm, '<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>');\n  html = html.replace(/^## (.+)$/gm, '<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>');\n  html = html.replace(/^# (.+)$/gm, '<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>');\n\n  // Bold and italic\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong class=\"font-semibold\">$1</strong>');\n  html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');\n\n  // Links\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>'\n  );\n\n  // Inline code\n  html = html.replace(/`([^`]+)`/g, '<code class=\"px-1 py-0.5 bg-bg-muted rounded text-sm font-mono\">$1</code>');\n\n  // Blockquotes\n  html = html.replace(\n    /^> (.+)$/gm,\n    '<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>'\n  );\n\n  // Unordered lists\n  html = html.replace(/^- (.+)$/gm, '<li class=\"ml-4 list-disc\">$1</li>');\n  html = html.replace(/(<li[^>]*>.*<\\/li>\\n?)+/g, '<ul class=\"my-2\">$&</ul>');\n\n  // Tables (simple)\n  html = html.replace(/^\\|(.+)\\|$/gm, (match, content) => {\n    const cells = content.split('|').map((cell: string) => cell.trim());\n    const isHeader = cells.some((c: string) => c.match(/^-+$/));\n    if (isHeader) return '';\n    return `<tr>${cells.map((c: string) => `<td class=\"border border-border-default px-2 py-1 text-sm\">${c}</td>`).join('')}</tr>`;\n  });\n  html = html.replace(/(<tr>.*<\\/tr>\\n?)+/g, '<table class=\"w-full border-collapse my-2\">$&</table>');\n\n  // Paragraphs (wrap remaining text)\n  html = html\n    .split('\\n\\n')\n    .map((para) => {\n      if (para.startsWith('<')) return para;\n      return `<p class=\"my-2 text-text-primary\">${para}</p>`;\n    })\n    .join('');\n\n  // Line breaks\n  html = html.replace(/\\n/g, '<br/>');\n\n  return html;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TextWidget: FC<TextWidgetProps> = memo(function TextWidget({ widget: _widget, data }) {\n  const content = data?.content || '';\n  const format = data?.format || 'markdown';\n\n  const renderedContent = useMemo(() => {\n    if (!content) return null;\n\n    if (format === 'markdown') {\n      return { __html: parseMarkdown(content) };\n    }\n\n    if (format === 'html') {\n      return { __html: content };\n    }\n\n    // Plain text\n    return null;\n  }, [content, format]);\n\n  if (!content) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n            />\n          </svg>\n          <p>No text content</p>\n        </div>\n      </div>\n    );\n  }\n\n  if (format === 'plain') {\n    return (\n      <div className=\"h-full p-4 overflow-auto\">\n        <pre className=\"text-sm text-text-primary whitespace-pre-wrap font-sans\">{content}</pre>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full p-4 overflow-auto\">\n      <div className=\"prose prose-sm max-w-none text-text-primary\" dangerouslySetInnerHTML={renderedContent!} />\n    </div>\n  );\n});\n\nexport default TextWidget;\n"],"mappings":";;;AA2BA,SAAS,EAAc,GAAsB;CAC3C,IAAI,IAAO;AAsDX,QAnDA,IAAO,EAAK,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO,EAG9E,IAAO,EAAK,QAAQ,gBAAgB,4EAA0E,EAC9G,IAAO,EAAK,QAAQ,eAAe,0EAAwE,EAC3G,IAAO,EAAK,QAAQ,cAAc,sEAAoE,EAGtG,IAAO,EAAK,QAAQ,kBAAkB,8CAA4C,EAClF,IAAO,EAAK,QAAQ,cAAc,cAAc,EAGhD,IAAO,EAAK,QACV,4BACA,8GACD,EAGD,IAAO,EAAK,QAAQ,cAAc,8EAA4E,EAG9G,IAAO,EAAK,QACV,cACA,iHACD,EAGD,IAAO,EAAK,QAAQ,cAAc,uCAAqC,EACvE,IAAO,EAAK,QAAQ,4BAA4B,6BAA2B,EAG3E,IAAO,EAAK,QAAQ,iBAAiB,GAAO,MAAY;EACtD,IAAM,IAAQ,EAAQ,MAAM,IAAI,CAAC,KAAK,MAAiB,EAAK,MAAM,CAAC;AAGnE,SAFiB,EAAM,MAAM,MAAc,EAAE,MAAM,OAAO,CAAC,GACtC,KACd,OAAO,EAAM,KAAK,MAAc,8DAA8D,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;GACxH,EACF,IAAO,EAAK,QAAQ,uBAAuB,0DAAwD,EAGnG,IAAO,EACJ,MAAM,OAAO,CACb,KAAK,MACA,EAAK,WAAW,IAAI,GAAS,IAC1B,qCAAqC,EAAK,MACjD,CACD,KAAK,GAAG,EAGX,IAAO,EAAK,QAAQ,OAAO,QAAQ,EAE5B;;AAOT,IAAa,IAAkC,EAAK,SAAoB,EAAE,QAAQ,GAAS,WAAQ;CACjG,IAAM,IAAU,GAAM,WAAW,IAC3B,IAAS,GAAM,UAAU,YAEzB,IAAkB,QACjB,IAED,MAAW,aACN,EAAE,QAAQ,EAAc,EAAQ,EAAE,GAGvC,MAAW,SACN,EAAE,QAAQ,GAAS,GAIrB,OAXc,MAYpB,CAAC,GAAS,EAAO,CAAC;AAiCrB,QA/BK,IAuBD,MAAW,UAEX,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAA2D;GAAc,CAAA;EACpF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;GAA8C,yBAAyB;GAAoB,CAAA;EACtG,CAAA,GAhCJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,mBAAmB,CAAA,CAClB;;EACF,CAAA;EAiBV"}

package/dist/bigconsole/components/widgets/text-widget/index.d.ts

@@ -0,0 +1,3 @@
+export { TextWidget, type TextWidgetProps, type TextData } from './TextWidget';
+export { default } from './TextWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/text-widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/text-widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/text-widget/index.js

@@ -0,0 +1,2 @@
+import e from "./TextWidget.js";
+export { e as TextWidget, e as default };

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface TimelineWidgetProps {
+    widget: Widget;
+    data?: TimelineData;
+    onClick?: (task: TimelineTask) => void;
+}
+export interface TimelineTask {
+    id: string;
+    name: string;
+    start: string;
+    end: string;
+    progress?: number;
+    color?: string;
+    duration?: number;
+    dependencies?: string[];
+}
+export interface TimelineMilestone {
+    id: string;
+    name: string;
+    date: string;
+    color?: string;
+}
+export interface TimelineData {
+    tasks?: TimelineTask[];
+    milestones?: TimelineMilestone[];
+}
+export declare const TimelineWidget: FC<TimelineWidgetProps>;
+export default TimelineWidget;
+//# sourceMappingURL=TimelineWidget.d.ts.map

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC;AAiBD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyIjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js

@@ -0,0 +1,147 @@
+import { memo as e, useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/timeline/TimelineWidget.tsx
+function i(e) {
+	return e >= 100 ? "bg-state-success" : e >= 50 ? "bg-action-primary-bg" : e > 0 ? "bg-state-warning" : "bg-bg-muted";
+}
+var a = e(function({ widget: e, data: a, onClick: o }) {
+	let s = t(() => a?.tasks || [], [a?.tasks]), c = a?.milestones || [], { minDate: l, maxDate: u, totalDays: d } = t(() => {
+		if (!s.length) return {
+			minDate: /* @__PURE__ */ new Date(),
+			maxDate: /* @__PURE__ */ new Date(),
+			totalDays: 1
+		};
+		let e = s.flatMap((e) => [new Date(e.start), new Date(e.end)]), t = new Date(Math.min(...e.map((e) => e.getTime()))), n = new Date(Math.max(...e.map((e) => e.getTime())));
+		return {
+			minDate: t,
+			maxDate: n,
+			totalDays: Math.ceil((n.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24)) + 1
+		};
+	}, [s]);
+	return s.length ? /* @__PURE__ */ r("div", {
+		className: "flex flex-col h-full p-4 overflow-auto",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between mb-4",
+				children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Project Timeline"
+				}), /* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: [
+						l.toLocaleDateString("en-US", {
+							month: "short",
+							day: "numeric"
+						}),
+						" -",
+						" ",
+						u.toLocaleDateString("en-US", {
+							month: "short",
+							day: "numeric"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex-1 space-y-3 overflow-auto",
+				children: s.map((e) => {
+					let t = new Date(e.start), a = new Date(e.end), s = Math.ceil((a.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24)) + 1, c = Math.ceil((t.getTime() - l.getTime()) / (1e3 * 60 * 60 * 24)), u = e.progress ?? 0, f = c / d * 100, p = s / d * 100;
+					return /* @__PURE__ */ r("div", {
+						className: `
+                  ${o ? "cursor-pointer" : ""}
+                `,
+						onClick: () => o?.(e),
+						children: [/* @__PURE__ */ r("div", {
+							className: "flex items-center justify-between mb-1",
+							children: [/* @__PURE__ */ n("span", {
+								className: "text-xs font-medium text-text-primary truncate max-w-[60%]",
+								children: e.name
+							}), /* @__PURE__ */ r("span", {
+								className: "text-[10px] text-text-secondary",
+								children: [u, "%"]
+							})]
+						}), /* @__PURE__ */ r("div", {
+							className: "relative h-6 bg-bg-muted rounded overflow-hidden",
+							children: [
+								/* @__PURE__ */ n("div", {
+									className: "absolute top-1 bottom-1 rounded",
+									style: {
+										left: `${f}%`,
+										width: `${Math.max(p, 5)}%`,
+										backgroundColor: e.color || "#3b82f6",
+										opacity: .3
+									}
+								}),
+								/* @__PURE__ */ n("div", {
+									className: `absolute top-1 bottom-1 rounded ${i(u)}`,
+									style: {
+										left: `${f}%`,
+										width: `${Math.max(p * u / 100, 2)}%`
+									}
+								}),
+								/* @__PURE__ */ n("div", {
+									className: "absolute top-1/2 -translate-y-1/2 text-[9px] text-text-tertiary",
+									style: { left: `${f + 1}%` },
+									children: t.toLocaleDateString("en-US", {
+										month: "short",
+										day: "numeric"
+									})
+								})
+							]
+						})]
+					}, e.id);
+				})
+			}),
+			c.length > 0 && /* @__PURE__ */ r("div", {
+				className: "mt-4 pt-3 border-t border-border-default",
+				children: [/* @__PURE__ */ n("p", {
+					className: "text-xs font-medium text-text-secondary mb-2",
+					children: "Milestones"
+				}), /* @__PURE__ */ n("div", {
+					className: "flex flex-wrap gap-2",
+					children: c.map((e) => /* @__PURE__ */ r("div", {
+						className: "flex items-center gap-1.5 px-2 py-1 rounded bg-bg-muted",
+						children: [
+							/* @__PURE__ */ n("div", {
+								className: "w-2 h-2 rounded-full",
+								style: { backgroundColor: e.color || "#ef4444" }
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "text-[10px] text-text-primary",
+								children: e.name
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "text-[10px] text-text-tertiary",
+								children: new Date(e.date).toLocaleDateString("en-US", {
+									month: "short",
+									day: "numeric"
+								})
+							})
+						]
+					}, e.id))
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ r("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ n("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
+				})
+			}), /* @__PURE__ */ n("p", { children: "No timeline data" })]
+		})
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TimelineWidget.js.map