@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/chart/charts/PieChart.js

@@ -0,0 +1,98 @@
+import e from "../ChartTooltip.js";
+import { memo as t, useCallback as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Cell as s, Legend as c, Pie as l, PieChart as u, ResponsiveContainer as d, Sector as f, Tooltip as p } from "recharts";
+//#region src/bigconsole/components/widgets/chart/charts/PieChart.tsx
+var m = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)",
+	"var(--color-chart-6)",
+	"var(--color-chart-7)",
+	"var(--color-chart-8)"
+], h = (e) => {
+	let { cx: t, cy: n, innerRadius: r, outerRadius: s, startAngle: c, endAngle: l, fill: u, percent: d, name: p } = e;
+	return /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a(f, {
+		cx: t,
+		cy: n,
+		innerRadius: r,
+		outerRadius: s + 10,
+		startAngle: c,
+		endAngle: l,
+		fill: u
+	}), r > 0 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("text", {
+		x: t,
+		y: n - 10,
+		textAnchor: "middle",
+		fill: "var(--color-text-primary)",
+		className: "text-sm font-medium",
+		children: p
+	}), /* @__PURE__ */ a("text", {
+		x: t,
+		y: n + 15,
+		textAnchor: "middle",
+		fill: "var(--color-text-secondary)",
+		className: "text-xs",
+		children: `${(d * 100).toFixed(1)}%`
+	})] })] });
+}, g = t(function({ data: t = [], config: i, dataKey: f = "value", nameKey: g = "name", onDataClick: _ }) {
+	let [v, y] = r(void 0), b = n((e, t) => {
+		y(t);
+	}, []), x = n(() => {
+		y(void 0);
+	}, []), S = n((e, t) => {
+		_ && _(e, t);
+	}, [_]);
+	return t?.length ? /* @__PURE__ */ a(d, {
+		width: "100%",
+		height: "100%",
+		children: /* @__PURE__ */ o(u, { children: [
+			/* @__PURE__ */ a(l, {
+				data: t,
+				dataKey: f,
+				nameKey: g,
+				cx: "50%",
+				cy: "50%",
+				innerRadius: i.isDonut ? i.innerRadius || 60 : 0,
+				outerRadius: i.outerRadius || 80,
+				paddingAngle: i.paddingAngle || 2,
+				activeIndex: v,
+				activeShape: h,
+				onMouseEnter: b,
+				onMouseLeave: x,
+				onClick: (e, n) => S(t[n], n),
+				children: t.map((e, t) => /* @__PURE__ */ a(s, {
+					fill: i.colors?.[t] || m[t % m.length],
+					stroke: "var(--color-bg-surface)",
+					strokeWidth: 2,
+					style: { cursor: _ ? "pointer" : "default" }
+				}, `cell-${t}`))
+			}),
+			/* @__PURE__ */ a(p, { content: /* @__PURE__ */ a(e, {
+				valueFormatter: (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
+					notation: e >= 1e4 ? "compact" : "standard",
+					maximumFractionDigits: 2
+				}).format(e) : String(e),
+				labelFormatter: (e) => String(e)
+			}) }),
+			i.showLegend !== !1 && /* @__PURE__ */ a(c, {
+				layout: "vertical",
+				align: "right",
+				verticalAlign: "middle",
+				formatter: (e) => /* @__PURE__ */ a("span", {
+					style: {
+						color: "var(--color-text-primary)",
+						fontSize: 12
+					},
+					children: e
+				})
+			})
+		] })
+	}) : null;
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=PieChart.js.map

package/dist/bigconsole/components/widgets/chart/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","names":[],"sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/PieChart.tsx"],"sourcesContent":["/**\n * PieChart Component\n *\n * Pie/Donut chart using Recharts.\n */\n\nimport { type FC, memo, useState, useCallback } from 'react';\nimport { PieChart as RechartsPieChart, Pie, Cell, Tooltip, ResponsiveContainer, Legend, Sector } from 'recharts';\nimport { ChartTooltip } from '../ChartTooltip';\nimport type { ChartConfig, ChartData } from './types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface PieChartProps {\n  /** Chart data */\n  data: ChartData[];\n  /** Chart configuration */\n  config: ChartConfig;\n  /** Data key for values */\n  dataKey?: string;\n  /** Data key for names */\n  nameKey?: string;\n  /** Click handler */\n  onDataClick?: (data: ChartData, index: number) => void;\n}\n\ninterface ActiveShapeProps {\n  cx: number;\n  cy: number;\n  innerRadius: number;\n  outerRadius: number;\n  startAngle: number;\n  endAngle: number;\n  fill: string;\n  payload: ChartData;\n  percent: number;\n  value: number;\n  name: string;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n  'var(--color-chart-6)',\n  'var(--color-chart-7)',\n  'var(--color-chart-8)',\n];\n\n// ============================================================================\n// Active Shape Renderer\n// ============================================================================\n\nconst renderActiveShape = (props: ActiveShapeProps) => {\n  const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill, percent, name } = props;\n\n  return (\n    <g>\n      {/* Enlarged active slice */}\n      <Sector\n        cx={cx}\n        cy={cy}\n        innerRadius={innerRadius}\n        outerRadius={outerRadius + 10}\n        startAngle={startAngle}\n        endAngle={endAngle}\n        fill={fill}\n      />\n      {/* Center text for donut charts */}\n      {innerRadius > 0 && (\n        <>\n          <text x={cx} y={cy - 10} textAnchor=\"middle\" fill=\"var(--color-text-primary)\" className=\"text-sm font-medium\">\n            {name}\n          </text>\n          <text x={cx} y={cy + 15} textAnchor=\"middle\" fill=\"var(--color-text-secondary)\" className=\"text-xs\">\n            {`${(percent * 100).toFixed(1)}%`}\n          </text>\n        </>\n      )}\n    </g>\n  );\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const PieChart: FC<PieChartProps> = memo(function PieChart({\n  data = [],\n  config,\n  dataKey = 'value',\n  nameKey = 'name',\n  onDataClick,\n}) {\n  const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n  const handleMouseEnter = useCallback((_: unknown, index: number) => {\n    setActiveIndex(index);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setActiveIndex(undefined);\n  }, []);\n\n  const handleClick = useCallback(\n    (data: ChartData, index: number) => {\n      if (onDataClick) {\n        onDataClick(data, index);\n      }\n    },\n    [onDataClick]\n  );\n\n  // Format value\n  const formatValue = (value: number | string): string => {\n    if (typeof value !== 'number') return String(value);\n    return new Intl.NumberFormat('en-US', {\n      notation: value >= 10000 ? 'compact' : 'standard',\n      maximumFractionDigits: 2,\n    }).format(value);\n  };\n\n  if (!data?.length) {\n    return null;\n  }\n\n  const innerRadius = config.isDonut ? config.innerRadius || 60 : 0;\n  const outerRadius = config.outerRadius || 80;\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <RechartsPieChart>\n        <Pie\n          data={data}\n          dataKey={dataKey}\n          nameKey={nameKey}\n          cx=\"50%\"\n          cy=\"50%\"\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={config.paddingAngle || 2}\n          activeIndex={activeIndex}\n          activeShape={renderActiveShape as unknown as undefined}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClick={(_, index) => handleClick(data[index], index)}\n        >\n          {data.map((entry, index) => (\n            <Cell\n              key={`cell-${index}`}\n              fill={config.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length]}\n              stroke=\"var(--color-bg-surface)\"\n              strokeWidth={2}\n              style={{ cursor: onDataClick ? 'pointer' : 'default' }}\n            />\n          ))}\n        </Pie>\n\n        <Tooltip content={<ChartTooltip valueFormatter={formatValue} labelFormatter={(label) => String(label)} />} />\n\n        {config.showLegend !== false && (\n          <Legend\n            layout=\"vertical\"\n            align=\"right\"\n            verticalAlign=\"middle\"\n            formatter={(value) => (\n              <span\n                style={{\n                  color: 'var(--color-text-primary)',\n                  fontSize: 12,\n                }}\n              >\n                {value}\n              </span>\n            )}\n          />\n        )}\n      </RechartsPieChart>\n    </ResponsiveContainer>\n  );\n});\n\nexport default PieChart;\n"],"mappings":";;;;;AA8CA,IAAM,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAMK,KAAqB,MAA4B;CACrD,IAAM,EAAE,OAAI,OAAI,gBAAa,gBAAa,eAAY,aAAU,SAAM,YAAS,YAAS;AAExF,QACE,kBAAC,KAAD,EAAA,UAAA,CAEE,kBAAC,GAAD;EACM;EACA;EACS;EACb,aAAa,IAAc;EACf;EACF;EACJ;EACN,CAAA,EAED,IAAc,KACb,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EAAM,GAAG;EAAI,GAAG,IAAK;EAAI,YAAW;EAAS,MAAK;EAA4B,WAAU;YACrF;EACI,CAAA,EACP,kBAAC,QAAD;EAAM,GAAG;EAAI,GAAG,IAAK;EAAI,YAAW;EAAS,MAAK;EAA8B,WAAU;YACvF,IAAI,IAAU,KAAK,QAAQ,EAAE,CAAC;EAC1B,CAAA,CACN,EAAA,CAAA,CAEH,EAAA,CAAA;GAQK,IAA8B,EAAK,SAAkB,EAChE,UAAO,EAAE,EACT,WACA,aAAU,SACV,aAAU,QACV,kBACC;CACD,IAAM,CAAC,GAAa,KAAkB,EAA6B,KAAA,EAAU,EAEvE,IAAmB,GAAa,GAAY,MAAkB;AAClE,IAAe,EAAM;IACpB,EAAE,CAAC,EAEA,IAAmB,QAAkB;AACzC,IAAe,KAAA,EAAU;IACxB,EAAE,CAAC,EAEA,IAAc,GACjB,GAAiB,MAAkB;AAClC,EAAI,KACF,EAAY,GAAM,EAAM;IAG5B,CAAC,EAAY,CACd;AAkBD,QAPK,GAAM,SAQT,kBAAC,GAAD;EAAqB,OAAM;EAAO,QAAO;YACvC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACQ;IACG;IACA;IACT,IAAG;IACH,IAAG;IACU,aAZD,EAAO,UAAU,EAAO,eAAe,KAAK;IAa3C,aAZD,EAAO,eAAe;IAalC,cAAc,EAAO,gBAAgB;IACxB;IACb,aAAa;IACb,cAAc;IACd,cAAc;IACd,UAAU,GAAG,MAAU,EAAY,EAAK,IAAQ,EAAM;cAErD,EAAK,KAAK,GAAO,MAChB,kBAAC,GAAD;KAEE,MAAM,EAAO,SAAS,MAAU,EAAe,IAAQ,EAAe;KACtE,QAAO;KACP,aAAa;KACb,OAAO,EAAE,QAAQ,IAAc,YAAY,WAAW;KACtD,EALK,QAAQ,IAKb,CACF;IACE,CAAA;GAEN,kBAAC,GAAD,EAAS,SAAS,kBAAC,GAAD;IAAc,iBA5CjB,MACf,OAAO,KAAU,WACd,IAAI,KAAK,aAAa,SAAS;KACpC,UAAU,KAAS,MAAQ,YAAY;KACvC,uBAAuB;KACxB,CAAC,CAAC,OAAO,EAAM,GAJsB,OAAO,EAAM;IA2Cc,iBAAiB,MAAU,OAAO,EAAM;IAAI,CAAA,EAAI,CAAA;GAE5G,EAAO,eAAe,MACrB,kBAAC,GAAD;IACE,QAAO;IACP,OAAM;IACN,eAAc;IACd,YAAY,MACV,kBAAC,QAAD;KACE,OAAO;MACL,OAAO;MACP,UAAU;MACX;eAEA;KACI,CAAA;IAET,CAAA;GAEa,EAAA,CAAA;EACC,CAAA,GAvDf;EAyDT"}

package/dist/bigconsole/components/widgets/chart/charts/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Chart Components
+ *
+ * Individual chart type implementations.
+ */
+export { LineChart, type LineChartProps } from './LineChart';
+export { BarChart, type BarChartProps } from './BarChart';
+export { AreaChart, type AreaChartProps } from './AreaChart';
+export { PieChart, type PieChartProps } from './PieChart';
+export { FunnelChart, type FunnelChartProps } from './FunnelChart';
+export type { ChartType, ChartConfig, ChartData, CurveType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/chart/charts/index.js

@@ -0,0 +1,5 @@
+import "./LineChart.js";
+import "./BarChart.js";
+import "./AreaChart.js";
+import "./PieChart.js";
+import "./FunnelChart.js";

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Chart Types
+ *
+ * Shared types for chart components.
+ */
+export type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'funnel';
+export type CurveType = 'monotone' | 'linear' | 'step' | 'stepAfter' | 'stepBefore' | 'natural';
+export interface ChartData {
+    [key: string]: string | number | undefined;
+}
+export interface ChartConfig {
+    /** Chart type */
+    type?: ChartType;
+    /** X-axis data key */
+    xAxisKey?: string;
+    /** X-axis label */
+    xAxisLabel?: string;
+    /** Y-axis label */
+    yAxisLabel?: string;
+    /** Whether to show grid */
+    showGrid?: boolean;
+    /** Whether to show legend */
+    showLegend?: boolean;
+    /** Legend position */
+    legendPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /** Whether to show dots on line/area charts */
+    showDots?: boolean;
+    /** Curve type for line/area charts */
+    curveType?: CurveType;
+    /** Custom colors for series */
+    colors?: string[];
+    /** Custom series names (key -> display name) */
+    seriesNames?: Record<string, string>;
+    /** Whether to stack bar/area charts */
+    stacked?: boolean;
+    /** Whether pie chart is a donut */
+    isDonut?: boolean;
+    /** Inner radius for donut charts */
+    innerRadius?: number;
+    /** Outer radius for pie charts */
+    outerRadius?: number;
+    /** Padding angle for pie charts */
+    paddingAngle?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/bigconsole/components/widgets/chart/charts/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEhG,MAAM,WAAW,SAAS;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC5C;AAED,MAAM,WAAW,WAAW;IAC1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACrD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -0,0 +1,11 @@
+/**
+ * Chart Widget
+ *
+ * Multi-type chart wrapper with Line, Bar, Area, Pie, and Funnel support.
+ */
+export { ChartWidget, type ChartWidgetProps } from './ChartWidget';
+export { ChartConfig, type ChartConfigProps } from './ChartConfig';
+export { ChartTooltip, type ChartTooltipProps, type ChartTooltipPayload } from './ChartTooltip';
+export { ChartLegend, type ChartLegendProps, type LegendItem } from './ChartLegend';
+export { LineChart, BarChart, AreaChart, PieChart, FunnelChart, type LineChartProps, type BarChartProps, type AreaChartProps, type PieChartProps, type FunnelChartProps, type ChartType, type ChartConfig as ChartTypeConfig, type ChartData, type CurveType, } from './charts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/chart/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,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpF,OAAO,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,11 @@
+import e from "./ChartTooltip.js";
+import t from "./charts/LineChart.js";
+import n from "./charts/BarChart.js";
+import r from "./charts/AreaChart.js";
+import i from "./charts/PieChart.js";
+import a from "./charts/FunnelChart.js";
+import o from "./ChartLegend.js";
+import s from "./ChartWidget.js";
+import c from "./ChartConfig.js";
+import "./charts/index.js";
+export { r as AreaChart, n as BarChart, c as ChartConfig, o as ChartLegend, e as ChartTooltip, s as ChartWidget, a as FunnelChart, t as LineChart, i as PieChart };

package/dist/bigconsole/components/widgets/custom/CustomWidget.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { Widget } from '../../../types';
+
+export interface CustomWidgetProps {
+    widget: Widget;
+    data?: unknown;
+    /** Custom renderer function */
+    render?: (widget: Widget, data: unknown) => ReactNode;
+    onClick?: () => void;
+}
+export declare const CustomWidget: FC<CustomWidgetProps>;
+export default CustomWidget;
+//# sourceMappingURL=CustomWidget.d.ts.map

package/dist/bigconsole/components/widgets/custom/CustomWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAE,MAAM,EAAsB,MAAM,gBAAgB,CAAC;AAQjE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+GD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8J7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/custom/CustomWidget.js

@@ -0,0 +1,201 @@
+import { asNonEmptyString as e, asRecord as t } from "./utils.js";
+import { getCustomConfigContent as n } from "./config.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/custom/CustomWidget.tsx
+var s = "allow-scripts", c = new Set([
+	"allow-forms",
+	"allow-modals",
+	"allow-orientation-lock",
+	"allow-pointer-lock",
+	"allow-popups",
+	"allow-popups-to-escape-sandbox",
+	"allow-presentation",
+	"allow-same-origin",
+	"allow-scripts",
+	"allow-storage-access-by-user-activation"
+]);
+function l(e) {
+	let t = e.trim();
+	if (!t) return !1;
+	if (t.startsWith("#")) return !0;
+	if (t.startsWith("/")) return !t.startsWith("//");
+	try {
+		let e = new URL(t, window.location.origin);
+		return e.protocol === "http:" || e.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}
+function u(e) {
+	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
+}
+function d(e) {
+	if (typeof window > "u") return u(e);
+	let t = new DOMParser().parseFromString(e, "text/html");
+	return t.body.querySelectorAll("script, style, iframe, object, embed, link, meta, base, form").forEach((e) => {
+		e.remove();
+	}), t.body.querySelectorAll("*").forEach((e) => {
+		Array.from(e.attributes).forEach((t) => {
+			let n = t.name.toLowerCase(), r = t.value.trim();
+			if (n.startsWith("on")) {
+				e.removeAttribute(t.name);
+				return;
+			}
+			if (n === "style") {
+				e.removeAttribute(t.name);
+				return;
+			}
+			[
+				"src",
+				"href",
+				"xlink:href"
+			].includes(n) && !l(r) && e.removeAttribute(t.name);
+		});
+	}), t.body.innerHTML;
+}
+function f(e) {
+	let t = e.trim();
+	if (!t || t.startsWith("//")) return null;
+	if (t.startsWith("/")) return t;
+	try {
+		let e = new URL(t);
+		if (e.protocol === "http:" || e.protocol === "https:") return e.href;
+	} catch {
+		return null;
+	}
+	return null;
+}
+function p(e) {
+	if (!e) return s;
+	let t = new Set(e.split(/\s+/).filter(Boolean)), n = Array.from(t).filter((e) => c.has(e)), r = n.includes("allow-scripts"), i = n.includes("allow-same-origin"), a = r && i ? n.filter((e) => e !== "allow-same-origin") : n;
+	return a.length > 0 ? a.join(" ") : s;
+}
+var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
+	let u = r.config, m = !!(l && r.drilldowns?.length), h = i(() => t(s), [s]), g = i(() => t(u), [u]), _ = i(() => t(g?.props), [g]), v = i(() => n(u), [u]), y = v.componentId, b = i(() => {
+		let t = e(h?.html) ?? e(h?.contentHtml) ?? v.html;
+		if (!t) return null;
+		let n = d(t);
+		return n.trim().length > 0 ? n : null;
+	}, [h, v]), x = i(() => {
+		let t = e(h?.iframeUrl) ?? e(h?.url) ?? v.iframeUrl;
+		if (!t) return null;
+		let n = f(t);
+		return n ? {
+			url: n,
+			title: e(h?.title) ?? e(_?.iframeTitle) ?? e(_?.title) ?? r.title ?? "Custom widget content",
+			sandbox: p(e(g?.sandbox) ?? e(_?.sandbox))
+		} : null;
+	}, [
+		h,
+		v,
+		_,
+		g,
+		r.title
+	]);
+	if (c) return /* @__PURE__ */ a("div", {
+		className: `
+          h-full
+          ${m ? "cursor-pointer" : ""}
+        `,
+		onClick: l,
+		children: c(r, s)
+	});
+	if (b) return /* @__PURE__ */ a("div", {
+		className: "h-full overflow-auto p-4",
+		children: /* @__PURE__ */ a("div", {
+			className: "prose prose-sm max-w-none text-text-primary",
+			dangerouslySetInnerHTML: { __html: b }
+		})
+	});
+	if (x) return /* @__PURE__ */ a("div", {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ a("iframe", {
+			src: x.url,
+			title: x.title,
+			className: "h-full w-full rounded border-0",
+			sandbox: x.sandbox,
+			loading: "lazy"
+		})
+	});
+	if (h && "value" in h) {
+		let e = h.value, t = h.label || r.title, n = h.data;
+		return /* @__PURE__ */ o("div", {
+			className: `flex flex-col items-center justify-center h-full p-4 ${m ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}`,
+			onClick: l,
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "text-4xl font-bold text-text-primary tabular-nums",
+					children: typeof e == "number" ? e.toLocaleString() : String(e)
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "text-sm text-text-secondary mt-1",
+					children: t
+				}),
+				n && /* @__PURE__ */ a("div", {
+					className: "mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary",
+					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ o("div", {
+						className: "flex justify-between px-2 py-1 bg-bg-muted rounded",
+						children: [/* @__PURE__ */ a("span", {
+							className: "capitalize",
+							children: e.replace(/([A-Z])/g, " $1").trim()
+						}), /* @__PURE__ */ a("span", {
+							className: "font-medium",
+							children: typeof t == "number" ? t.toLocaleString() : String(t)
+						})]
+					}, e))
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ o("div", {
+		className: `
+        flex flex-col items-center justify-center h-full p-4
+        ${m ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}
+      `,
+		onClick: l,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-muted",
+				children: /* @__PURE__ */ a("svg", {
+					className: "w-8 h-8 text-text-secondary",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ a("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+					})
+				})
+			}),
+			/* @__PURE__ */ a("h4", {
+				className: "text-sm font-medium text-text-primary mb-1",
+				children: "Custom Widget"
+			}),
+			/* @__PURE__ */ a("p", {
+				className: "text-xs text-text-secondary text-center max-w-[200px]",
+				children: u?.description || "Provide HTML, an iframe URL, or a registered custom component."
+			}),
+			y ? /* @__PURE__ */ o("p", {
+				className: "text-xs text-text-secondary mt-2",
+				children: ["Component: ", /* @__PURE__ */ a("code", {
+					className: "font-mono",
+					children: y
+				})]
+			}) : null,
+			s ? /* @__PURE__ */ a("div", {
+				className: "mt-4 w-full max-h-[100px] overflow-auto",
+				children: /* @__PURE__ */ a("pre", {
+					className: "text-xs text-text-secondary bg-bg-muted p-2 rounded",
+					children: JSON.stringify(s, null, 2)
+				})
+			}) : null
+		]
+	});
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=CustomWidget.js.map

package/dist/bigconsole/components/widgets/custom/CustomWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"sourcesContent":["/**\n * CustomWidget Component\n *\n * Supports callback-based rendering plus built-in HTML/iframe custom content.\n */\n\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport type { Widget, CustomWidgetConfig } from '../../../types';\nimport { getCustomConfigContent } from './config';\nimport { asRecord, asNonEmptyString } from './utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CustomWidgetProps {\n  widget: Widget;\n  data?: unknown;\n  /** Custom renderer function */\n  render?: (widget: Widget, data: unknown) => ReactNode;\n  onClick?: () => void;\n}\n\nconst DEFAULT_IFRAME_SANDBOX = 'allow-scripts';\nconst ALLOWED_SANDBOX_TOKENS = new Set([\n  'allow-forms',\n  'allow-modals',\n  'allow-orientation-lock',\n  'allow-pointer-lock',\n  'allow-popups',\n  'allow-popups-to-escape-sandbox',\n  'allow-presentation',\n  'allow-same-origin',\n  'allow-scripts',\n  'allow-storage-access-by-user-activation',\n]);\n\nfunction isSafeDomUrl(rawUrl: string): boolean {\n  const candidate = rawUrl.trim();\n  if (!candidate) return false;\n  if (candidate.startsWith('#')) return true;\n  if (candidate.startsWith('/')) return !candidate.startsWith('//');\n\n  try {\n    const parsed = new URL(candidate, window.location.origin);\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n}\n\nfunction sanitizeHtml(input: string): string {\n  if (typeof window === 'undefined') {\n    return escapeHtml(input);\n  }\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input, 'text/html');\n\n  doc.body.querySelectorAll('script, style, iframe, object, embed, link, meta, base, form').forEach((el) => {\n    el.remove();\n  });\n\n  doc.body.querySelectorAll('*').forEach((el) => {\n    Array.from(el.attributes).forEach((attr) => {\n      const attrName = attr.name.toLowerCase();\n      const attrValue = attr.value.trim();\n\n      if (attrName.startsWith('on')) {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (attrName === 'style') {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (['src', 'href', 'xlink:href'].includes(attrName) && !isSafeDomUrl(attrValue)) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return doc.body.innerHTML;\n}\n\nfunction sanitizeIframeUrl(rawUrl: string): string | null {\n  const candidate = rawUrl.trim();\n  if (!candidate) return null;\n  if (candidate.startsWith('//')) return null;\n  if (candidate.startsWith('/')) return candidate;\n\n  try {\n    const parsed = new URL(candidate);\n    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n      return parsed.href;\n    }\n  } catch {\n    return null;\n  }\n\n  return null;\n}\n\nfunction sanitizeSandbox(rawSandbox: string | null): string {\n  if (!rawSandbox) return DEFAULT_IFRAME_SANDBOX;\n\n  const uniqueTokens = new Set(rawSandbox.split(/\\s+/).filter(Boolean));\n  const safeTokens = Array.from(uniqueTokens).filter((token) => ALLOWED_SANDBOX_TOKENS.has(token));\n\n  const hasScripts = safeTokens.includes('allow-scripts');\n  const hasSameOrigin = safeTokens.includes('allow-same-origin');\n  const withoutRiskyCombo =\n    hasScripts && hasSameOrigin ? safeTokens.filter((t) => t !== 'allow-same-origin') : safeTokens;\n\n  return withoutRiskyCombo.length > 0 ? withoutRiskyCombo.join(' ') : DEFAULT_IFRAME_SANDBOX;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CustomWidget: FC<CustomWidgetProps> = memo(function CustomWidget({ widget, data, render, onClick }) {\n  const config = widget.config as unknown as CustomWidgetConfig | undefined;\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n  const typedData = useMemo(() => asRecord(data), [data]);\n  const configRecord = useMemo(() => asRecord(config), [config]);\n  const configProps = useMemo(() => asRecord(configRecord?.props), [configRecord]);\n  const configContent = useMemo(() => getCustomConfigContent(config), [config]);\n  const componentId = configContent.componentId;\n\n  const htmlContent = useMemo(() => {\n    const rawHtml = asNonEmptyString(typedData?.html) ?? asNonEmptyString(typedData?.contentHtml) ?? configContent.html;\n\n    if (!rawHtml) return null;\n\n    const sanitized = sanitizeHtml(rawHtml);\n    return sanitized.trim().length > 0 ? sanitized : null;\n  }, [typedData, configContent]);\n\n  const iframeContent = useMemo(() => {\n    const rawUrl =\n      asNonEmptyString(typedData?.iframeUrl) ?? asNonEmptyString(typedData?.url) ?? configContent.iframeUrl;\n\n    if (!rawUrl) return null;\n\n    const safeUrl = sanitizeIframeUrl(rawUrl);\n    if (!safeUrl) return null;\n\n    const title =\n      asNonEmptyString(typedData?.title) ??\n      asNonEmptyString(configProps?.iframeTitle) ??\n      asNonEmptyString(configProps?.title) ??\n      widget.title ??\n      'Custom widget content';\n\n    const sandboxSource = asNonEmptyString(configRecord?.sandbox) ?? asNonEmptyString(configProps?.sandbox);\n    const sandbox = sanitizeSandbox(sandboxSource);\n\n    return {\n      url: safeUrl,\n      title,\n      sandbox,\n    };\n  }, [typedData, configContent, configProps, configRecord, widget.title]);\n\n  // If custom render function is provided, use it\n  if (render) {\n    return (\n      <div\n        className={`\n          h-full\n          ${isClickable ? 'cursor-pointer' : ''}\n        `}\n        onClick={onClick}\n      >\n        {render(widget, data)}\n      </div>\n    );\n  }\n\n  if (htmlContent) {\n    return (\n      <div className=\"h-full overflow-auto p-4\">\n        <div\n          className=\"prose prose-sm max-w-none text-text-primary\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        />\n      </div>\n    );\n  }\n\n  if (iframeContent) {\n    return (\n      <div className=\"h-full w-full\">\n        <iframe\n          src={iframeContent.url}\n          title={iframeContent.title}\n          className=\"h-full w-full rounded border-0\"\n          sandbox={iframeContent.sandbox}\n          loading=\"lazy\"\n        />\n      </div>\n    );\n  }\n\n  // If data has value/label shape (from WidgetWrapper normalization), render as KPI-style\n  if (typedData && 'value' in typedData) {\n    const value = typedData.value;\n    const label = (typedData.label as string) || widget.title;\n    const nestedData = typedData.data as Record<string, unknown> | undefined;\n    return (\n      <div\n        className={`flex flex-col items-center justify-center h-full p-4 ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}`}\n        onClick={onClick}\n      >\n        <div className=\"text-4xl font-bold text-text-primary tabular-nums\">\n          {typeof value === 'number' ? value.toLocaleString() : String(value)}\n        </div>\n        <div className=\"text-sm text-text-secondary mt-1\">{label}</div>\n        {nestedData && (\n          <div className=\"mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n            {Object.entries(nestedData)\n              .filter(([k]) => k !== 'value' && k !== 'label' && typeof nestedData[k] !== 'object')\n              .slice(0, 4)\n              .map(([key, val]) => (\n                <div key={key} className=\"flex justify-between px-2 py-1 bg-bg-muted rounded\">\n                  <span className=\"capitalize\">{key.replace(/([A-Z])/g, ' $1').trim()}</span>\n                  <span className=\"font-medium\">{typeof val === 'number' ? val.toLocaleString() : String(val)}</span>\n                </div>\n              ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Default placeholder\n  return (\n    <div\n      className={`\n        flex flex-col items-center justify-center h-full p-4\n        ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}\n      `}\n      onClick={onClick}\n    >\n      {/* Placeholder icon */}\n      <div className=\"w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-muted\">\n        <svg className=\"w-8 h-8 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\n          />\n        </svg>\n      </div>\n\n      <h4 className=\"text-sm font-medium text-text-primary mb-1\">Custom Widget</h4>\n\n      <p className=\"text-xs text-text-secondary text-center max-w-[200px]\">\n        {config?.description || 'Provide HTML, an iframe URL, or a registered custom component.'}\n      </p>\n\n      {componentId ? (\n        <p className=\"text-xs text-text-secondary mt-2\">\n          Component: <code className=\"font-mono\">{componentId}</code>\n        </p>\n      ) : null}\n\n      {/* Data preview */}\n      {data ? (\n        <div className=\"mt-4 w-full max-h-[100px] overflow-auto\">\n          <pre className=\"text-xs text-text-secondary bg-bg-muted p-2 rounded\">\n            {JSON.stringify(data as Record<string, unknown>, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport default CustomWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/custom/config.d.ts

@@ -0,0 +1,9 @@
+export interface CustomConfigContent {
+    componentId: string | null;
+    html: string | null;
+    iframeUrl: string | null;
+}
+export declare function getCustomConfigContent(config: unknown): CustomConfigContent;
+export declare function hasRenderableCustomConfig(config: unknown): boolean;
+export declare function hasCustomIframeConfig(config: unknown): boolean;
+//# sourceMappingURL=config.d.ts.map

package/dist/bigconsole/components/widgets/custom/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAiB3E;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAOlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAE9D"}

package/dist/bigconsole/components/widgets/custom/config.js

@@ -0,0 +1,21 @@
+import { asNonEmptyString as e, asRecord as t } from "./utils.js";
+//#region src/bigconsole/components/widgets/custom/config.ts
+function n(n) {
+	let r = t(n), i = t(r?.props);
+	return {
+		componentId: e(r?.componentId) ?? e(i?.componentId),
+		html: e(r?.html) ?? e(r?.contentHtml) ?? e(i?.html) ?? e(i?.contentHtml),
+		iframeUrl: e(r?.iframeUrl) ?? e(r?.url) ?? e(i?.iframeUrl) ?? e(i?.url)
+	};
+}
+function r(e) {
+	let t = n(e);
+	return !!(t.componentId || t.html || t.iframeUrl);
+}
+function i(e) {
+	return !!n(e).iframeUrl;
+}
+//#endregion
+export { n as getCustomConfigContent, i as hasCustomIframeConfig, r as hasRenderableCustomConfig };
+
+//# sourceMappingURL=config.js.map

package/dist/bigconsole/components/widgets/custom/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"sourcesContent":["import { asRecord, asNonEmptyString } from './utils';\n\nexport interface CustomConfigContent {\n  componentId: string | null;\n  html: string | null;\n  iframeUrl: string | null;\n}\n\nexport function getCustomConfigContent(config: unknown): CustomConfigContent {\n  const parsedConfig = asRecord(config);\n  const props = asRecord(parsedConfig?.props);\n\n  return {\n    componentId: asNonEmptyString(parsedConfig?.componentId) ?? asNonEmptyString(props?.componentId),\n    html:\n      asNonEmptyString(parsedConfig?.html) ??\n      asNonEmptyString(parsedConfig?.contentHtml) ??\n      asNonEmptyString(props?.html) ??\n      asNonEmptyString(props?.contentHtml),\n    iframeUrl:\n      asNonEmptyString(parsedConfig?.iframeUrl) ??\n      asNonEmptyString(parsedConfig?.url) ??\n      asNonEmptyString(props?.iframeUrl) ??\n      asNonEmptyString(props?.url),\n  };\n}\n\nexport function hasRenderableCustomConfig(config: unknown): boolean {\n  const content = getCustomConfigContent(config);\n  if (content.componentId) return true;\n  if (content.html) return true;\n  if (content.iframeUrl) return true;\n\n  return false;\n}\n\nexport function hasCustomIframeConfig(config: unknown): boolean {\n  return Boolean(getCustomConfigContent(config).iframeUrl);\n}\n"],"mappings":";;AAQA,SAAgB,EAAuB,GAAsC;CAC3E,IAAM,IAAe,EAAS,EAAO,EAC/B,IAAQ,EAAS,GAAc,MAAM;AAE3C,QAAO;EACL,aAAa,EAAiB,GAAc,YAAY,IAAI,EAAiB,GAAO,YAAY;EAChG,MACE,EAAiB,GAAc,KAAK,IACpC,EAAiB,GAAc,YAAY,IAC3C,EAAiB,GAAO,KAAK,IAC7B,EAAiB,GAAO,YAAY;EACtC,WACE,EAAiB,GAAc,UAAU,IACzC,EAAiB,GAAc,IAAI,IACnC,EAAiB,GAAO,UAAU,IAClC,EAAiB,GAAO,IAAI;EAC/B;;AAGH,SAAgB,EAA0B,GAA0B;CAClE,IAAM,IAAU,EAAuB,EAAO;AAK9C,QAFA,GAFI,EAAQ,eACR,EAAQ,QACR,EAAQ;;AAKd,SAAgB,EAAsB,GAA0B;AAC9D,QAAO,EAAQ,EAAuB,EAAO,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Custom Widget
+ *
+ * Built-in custom widget rendering helpers.
+ */
+export { getCustomConfigContent, hasRenderableCustomConfig, hasCustomIframeConfig, type CustomConfigContent, } from './config';
+export { CustomWidget, type CustomWidgetProps } from './CustomWidget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,KAAK,mBAAmB,GACzB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { getCustomConfigContent as e, hasCustomIframeConfig as t, hasRenderableCustomConfig as n } from "./config.js";
+import r from "./CustomWidget.js";
+export { r as CustomWidget, e as getCustomConfigContent, t as hasCustomIframeConfig, n as hasRenderableCustomConfig };

package/dist/bigconsole/components/widgets/custom/utils.d.ts

@@ -0,0 +1,4 @@
+export type JsonRecord = Record<string, unknown>;
+export declare function asRecord(value: unknown): JsonRecord | null;
+export declare function asNonEmptyString(value: unknown): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/bigconsole/components/widgets/custom/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,IAAI,CAG1D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAI9D"}

package/dist/bigconsole/components/widgets/custom/utils.js

@@ -0,0 +1,13 @@
+//#region src/bigconsole/components/widgets/custom/utils.ts
+function e(e) {
+	return !e || typeof e != "object" || Array.isArray(e) ? null : e;
+}
+function t(e) {
+	if (typeof e != "string") return null;
+	let t = e.trim();
+	return t.length > 0 ? t : null;
+}
+//#endregion
+export { t as asNonEmptyString, e as asRecord };
+
+//# sourceMappingURL=utils.js.map

package/dist/bigconsole/components/widgets/custom/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"sourcesContent":["export type JsonRecord = Record<string, unknown>;\n\nexport function asRecord(value: unknown): JsonRecord | null {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;\n  return value as JsonRecord;\n}\n\nexport function asNonEmptyString(value: unknown): string | null {\n  if (typeof value !== 'string') return null;\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n"],"mappings":";AAEA,SAAgB,EAAS,GAAmC;AAE1D,QADI,CAAC,KAAS,OAAO,KAAU,YAAY,MAAM,QAAQ,EAAM,GAAS,OACjE;;AAGT,SAAgB,EAAiB,GAA+B;AAC9D,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAC5B,QAAO,EAAQ,SAAS,IAAI,IAAU"}

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { EventLog } from '../../../hooks/useEventLogs';
+
+export interface EventLogViewerProps {
+    /** Dashboard ID to filter logs */
+    dashboardId?: string;
+    /** Widget ID to filter logs */
+    widgetId?: string;
+    /** Maximum height of the viewer */
+    maxHeight?: string;
+    /** Callback when retry is successful */
+    onRetrySuccess?: (eventLog: EventLog) => void;
+}
+export declare const EventLogViewer: React.FC<EventLogViewerProps>;
+export default EventLogViewer;
+//# sourceMappingURL=EventLogViewer.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventLogViewer.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,6BAA6B,CAAC;AAMrC,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAkQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgHvD,CAAC;AAEH,eAAe,cAAc,CAAC"}