@solidxai/core-ui 0.1.9-beta.14 → 0.1.9-beta.17

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -542,7 +542,9 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     type OverlayOption =
         | { id: string; kind: "field"; field: any }
         | { id: string; kind: "predefined"; predefined: any }
-        | { id: string; kind: "saved"; saved: any };
+        | { id: string; kind: "saved"; saved: any }
+        | { id: string; kind: "custom" }
+        | { id: string; kind: "grouping" };
     type ManagedChipItem = {
         id: string;
         type: "saved" | "search" | "predefined" | "custom" | "grouping";
@@ -657,10 +659,17 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     const [savedFilterQueryString, setSavedFilterQueryString] = useState<string>();
     const [showOverlay, setShowOverlay] = useState(false);
     const overlayRef = useRef<HTMLDivElement | null>(null);
+    const searchInputRef = useRef<HTMLInputElement | null>(null);
     const [showChipManager, setShowChipManager] = useState(false);
     const chipManagerRef = useRef<HTMLDivElement | null>(null);
     const chipManagerTriggerRef = useRef<HTMLButtonElement | null>(null);
 
+    const focusSearchInput = () => {
+        requestAnimationFrame(() => {
+            searchInputRef.current?.focus();
+        });
+    };
+
     useEffect(() => {
         if (focusedIndex >= 0 && showOverlay) {
             const activeElement = document.querySelector(`.solid-search-overlay-option-active`);
@@ -1602,9 +1611,20 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
             kind: "saved" as const,
             saved: s,
         }));
+        const custom: OverlayOption[] = [{
+            id: "footer:custom",
+            kind: "custom" as const,
+        }];
+        const grouping: OverlayOption[] =
+            viewType === "tree"
+                ? [{
+                    id: "footer:grouping",
+                    kind: "grouping" as const,
+                }]
+                : [];
 
-        return [...fields, ...predefined, ...saved];
-    }, [inputValue, searchableFields, predefinedSearches, savedFilters]);
+        return [...fields, ...predefined, ...saved, ...custom, ...grouping];
+    }, [inputValue, searchableFields, predefinedSearches, savedFilters, viewType]);
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         const currentValue = inputValue?.trim() || "";
@@ -1649,6 +1669,10 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     handlePredefinedSearch(activeOption.predefined);
                 } else if (activeOption?.kind === "saved") {
                     applySavedFilter(activeOption.saved);
+                } else if (activeOption?.kind === "custom") {
+                    openCustomFilterDialog();
+                } else if (activeOption?.kind === "grouping") {
+                    openGroupingDialog();
                 } else if (currentValue) {
                     handleAddChip();
                     setShowOverlay(false);
@@ -1831,6 +1855,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <li ref={chipsRef} className="solid-global-search-input-item">
                             <div className="relative solid-global-search-element-wrapper">
                                 <SolidInput
+                                    ref={searchInputRef}
                                     className="solid-global-search-input"
                                     value={inputValue || ""}
                                     placeholder="Search."
@@ -1854,9 +1879,14 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                 <SolidButton
                                     variant="outline"
                                     size="sm"
+                                    onMouseDown={(e) => {
+                                        // Preserve input focus so overlay keyboard navigation continues to work.
+                                        e.preventDefault();
+                                    }}
                                     onClick={() => {
                                         setShowChipManager(false);
                                         setShowOverlay(true);
+                                        focusSearchInput();
                                     }}
                                     className="custom-filter-button solid-global-search-trigger"
                                 >
@@ -2044,8 +2074,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <div className="solid-search-overlay-footer">
                             <button
                                 type="button"
-                                className="px-3 py-2 flex flex-column solid-search-overlay-footer-action"
+                                className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action ${overlayOptions[focusedIndex]?.id === "footer:custom" ? "solid-search-overlay-option-active" : ""}`}
                                 onClick={openCustomFilterDialog}
+                                onMouseEnter={() => {
+                                    const optIndex = overlayOptions.findIndex((o) => o.id === "footer:custom");
+                                    if (optIndex !== -1) setFocusedIndex(optIndex);
+                                }}
                             >
                                 <div className="solid-search-overlay-footer-action-main">
                                     <div className="solid-search-overlay-panel-callout-icon">
@@ -2064,8 +2098,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                             {viewType === "tree" && (
                                 <button
                                     type="button"
-                                    className="px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary"
+                                    className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary ${overlayOptions[focusedIndex]?.id === "footer:grouping" ? "solid-search-overlay-option-active" : ""}`}
                                     onClick={openGroupingDialog}
+                                    onMouseEnter={() => {
+                                        const optIndex = overlayOptions.findIndex((o) => o.id === "footer:grouping");
+                                        if (optIndex !== -1) setFocusedIndex(optIndex);
+                                    }}
                                 >
                                     <div className="solid-search-overlay-footer-action-main">
                                         <div className="solid-search-overlay-panel-callout-icon">

package/dist/components/core/dashboard/mappers/echartsOptionMapper.d.ts

@@ -0,0 +1,4 @@
+import type { EChartsOption } from "echarts";
+export declare const resolveChartType: (definition: any) => "line" | "bar" | "pie" | "unknown";
+export declare const toEChartsOption: (definition: any, runtimeData: any) => EChartsOption;
+//# sourceMappingURL=echartsOptionMapper.d.ts.map

package/dist/components/core/dashboard/mappers/echartsOptionMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"echartsOptionMapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/mappers/echartsOptionMapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C,eAAO,MAAM,gBAAgB,eAAgB,GAAG,KAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,SAM3E,CAAC;AAYF,eAAO,MAAM,eAAe,eAAgB,GAAG,eAAe,GAAG,KAAG,aA+CnE,CAAC"}

package/dist/components/core/dashboard/mappers/echartsOptionMapper.js

@@ -0,0 +1,76 @@
+var readType = function (definition) {
+    var _a, _b, _c, _d, _e, _f;
+    var raw = (_f = (_e = (_d = (_b = (_a = definition === null || definition === void 0 ? void 0 : definition.visualization) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : (_c = definition === null || definition === void 0 ? void 0 : definition.visualization) === null || _c === void 0 ? void 0 : _c.chartType) !== null && _d !== void 0 ? _d : definition === null || definition === void 0 ? void 0 : definition.type) !== null && _e !== void 0 ? _e : definition === null || definition === void 0 ? void 0 : definition.widgetType) !== null && _f !== void 0 ? _f : "";
+    return "".concat(raw).toLowerCase();
+};
+export var resolveChartType = function (definition) {
+    var type = readType(definition);
+    if (type.includes("line"))
+        return "line";
+    if (type.includes("bar"))
+        return "bar";
+    if (type.includes("pie") || type.includes("donut") || type.includes("doughnut"))
+        return "pie";
+    return "unknown";
+};
+var seriesFromRuntime = function (runtimeData, forcedType) {
+    var source = Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.series) ? runtimeData.series : [];
+    return source.map(function (entry) {
+        var _a;
+        return ({
+            name: (_a = entry === null || entry === void 0 ? void 0 : entry.name) !== null && _a !== void 0 ? _a : "",
+            type: forcedType,
+            smooth: forcedType === "line",
+            data: Array.isArray(entry === null || entry === void 0 ? void 0 : entry.data) ? entry.data : [],
+        });
+    });
+};
+export var toEChartsOption = function (definition, runtimeData) {
+    var chartType = resolveChartType(definition);
+    if (chartType === "pie") {
+        var items = Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.items) ? runtimeData.items : [];
+        return {
+            tooltip: { trigger: "item" },
+            legend: { top: 0 },
+            series: [
+                {
+                    type: "pie",
+                    radius: ["42%", "70%"],
+                    avoidLabelOverlap: true,
+                    itemStyle: { borderRadius: 6, borderColor: "#fff", borderWidth: 1 },
+                    label: { show: true, formatter: "{b}: {d}%" },
+                    data: items.map(function (item) {
+                        var _a, _b, _c;
+                        return ({
+                            name: (_b = (_a = item === null || item === void 0 ? void 0 : item.name) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.label) !== null && _b !== void 0 ? _b : "",
+                            value: (_c = item === null || item === void 0 ? void 0 : item.value) !== null && _c !== void 0 ? _c : 0,
+                        });
+                    }),
+                },
+            ],
+        };
+    }
+    if (chartType === "line" || chartType === "bar") {
+        return {
+            tooltip: { trigger: "axis" },
+            legend: { top: 0 },
+            grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },
+            xAxis: {
+                type: "category",
+                boundaryGap: chartType === "bar",
+                data: Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.categories) ? runtimeData.categories : [],
+            },
+            yAxis: { type: "value" },
+            series: seriesFromRuntime(runtimeData, chartType),
+        };
+    }
+    return {
+        title: {
+            text: "Unsupported chart type",
+            left: "center",
+            top: "middle",
+            textStyle: { fontSize: 12, fontWeight: "normal", color: "#64748b" },
+        },
+    };
+};
+//# sourceMappingURL=echartsOptionMapper.js.map

package/dist/components/core/dashboard/mappers/echartsOptionMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echartsOptionMapper.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/mappers/echartsOptionMapper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { EChartsOption } from \"echarts\";\n\nconst readType = (definition: any): string => {\n  const raw =\n    definition?.visualization?.type ??\n    definition?.visualization?.chartType ??\n    definition?.type ??\n    definition?.widgetType ??\n    \"\";\n  return `${raw}`.toLowerCase();\n};\n\nexport const resolveChartType = (definition: any): \"line\" | \"bar\" | \"pie\" | \"unknown\" => {\n  const type = readType(definition);\n  if (type.includes(\"line\")) return \"line\";\n  if (type.includes(\"bar\")) return \"bar\";\n  if (type.includes(\"pie\") || type.includes(\"donut\") || type.includes(\"doughnut\")) return \"pie\";\n  return \"unknown\";\n};\n\nconst seriesFromRuntime = (runtimeData: any, forcedType: \"line\" | \"bar\"): any[] => {\n  const source = Array.isArray(runtimeData?.series) ? runtimeData.series : [];\n  return source.map((entry: any) => ({\n    name: entry?.name ?? \"\",\n    type: forcedType,\n    smooth: forcedType === \"line\",\n    data: Array.isArray(entry?.data) ? entry.data : [],\n  }));\n};\n\nexport const toEChartsOption = (definition: any, runtimeData: any): EChartsOption => {\n  const chartType = resolveChartType(definition);\n\n  if (chartType === \"pie\") {\n    const items = Array.isArray(runtimeData?.items) ? runtimeData.items : [];\n    return {\n      tooltip: { trigger: \"item\" },\n      legend: { top: 0 },\n      series: [\n        {\n          type: \"pie\",\n          radius: [\"42%\", \"70%\"],\n          avoidLabelOverlap: true,\n          itemStyle: { borderRadius: 6, borderColor: \"#fff\", borderWidth: 1 },\n          label: { show: true, formatter: \"{b}: {d}%\" },\n          data: items.map((item: any) => ({\n            name: item?.name ?? item?.label ?? \"\",\n            value: item?.value ?? 0,\n          })),\n        },\n      ],\n    };\n  }\n\n  if (chartType === \"line\" || chartType === \"bar\") {\n    return {\n      tooltip: { trigger: \"axis\" },\n      legend: { top: 0 },\n      grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },\n      xAxis: {\n        type: \"category\",\n        boundaryGap: chartType === \"bar\",\n        data: Array.isArray(runtimeData?.categories) ? runtimeData.categories : [],\n      },\n      yAxis: { type: \"value\" },\n      series: seriesFromRuntime(runtimeData, chartType),\n    };\n  }\n\n  return {\n    title: {\n      text: \"Unsupported chart type\",\n      left: \"center\",\n      top: \"middle\",\n      textStyle: { fontSize: 12, fontWeight: \"normal\", color: \"#64748b\" },\n    },\n  };\n};\n"]}

package/dist/components/core/dashboard/mappers/echartsOptionMapper.ts

@@ -0,0 +1,78 @@
+import type { EChartsOption } from "echarts";
+
+const readType = (definition: any): string => {
+  const raw =
+    definition?.visualization?.type ??
+    definition?.visualization?.chartType ??
+    definition?.type ??
+    definition?.widgetType ??
+    "";
+  return `${raw}`.toLowerCase();
+};
+
+export const resolveChartType = (definition: any): "line" | "bar" | "pie" | "unknown" => {
+  const type = readType(definition);
+  if (type.includes("line")) return "line";
+  if (type.includes("bar")) return "bar";
+  if (type.includes("pie") || type.includes("donut") || type.includes("doughnut")) return "pie";
+  return "unknown";
+};
+
+const seriesFromRuntime = (runtimeData: any, forcedType: "line" | "bar"): any[] => {
+  const source = Array.isArray(runtimeData?.series) ? runtimeData.series : [];
+  return source.map((entry: any) => ({
+    name: entry?.name ?? "",
+    type: forcedType,
+    smooth: forcedType === "line",
+    data: Array.isArray(entry?.data) ? entry.data : [],
+  }));
+};
+
+export const toEChartsOption = (definition: any, runtimeData: any): EChartsOption => {
+  const chartType = resolveChartType(definition);
+
+  if (chartType === "pie") {
+    const items = Array.isArray(runtimeData?.items) ? runtimeData.items : [];
+    return {
+      tooltip: { trigger: "item" },
+      legend: { top: 0 },
+      series: [
+        {
+          type: "pie",
+          radius: ["42%", "70%"],
+          avoidLabelOverlap: true,
+          itemStyle: { borderRadius: 6, borderColor: "#fff", borderWidth: 1 },
+          label: { show: true, formatter: "{b}: {d}%" },
+          data: items.map((item: any) => ({
+            name: item?.name ?? item?.label ?? "",
+            value: item?.value ?? 0,
+          })),
+        },
+      ],
+    };
+  }
+
+  if (chartType === "line" || chartType === "bar") {
+    return {
+      tooltip: { trigger: "axis" },
+      legend: { top: 0 },
+      grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },
+      xAxis: {
+        type: "category",
+        boundaryGap: chartType === "bar",
+        data: Array.isArray(runtimeData?.categories) ? runtimeData.categories : [],
+      },
+      yAxis: { type: "value" },
+      series: seriesFromRuntime(runtimeData, chartType),
+    };
+  }
+
+  return {
+    title: {
+      text: "Unsupported chart type",
+      left: "center",
+      top: "middle",
+      textStyle: { fontSize: 12, fontWeight: "normal", color: "#64748b" },
+    },
+  };
+};

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardBarChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardBarChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,6BAA6B,2CAElF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+export function DefaultDashboardBarChartWidget(props) {
+    return _jsx(DefaultDashboardChartWidget, __assign({}, props));
+}
+//# sourceMappingURL=DefaultDashboardBarChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardBarChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,8BAA8B,CAAC,KAAoC;IACjF,OAAO,KAAC,2BAA2B,eAAK,KAAK,EAAI,CAAC;AACpD,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { DefaultDashboardChartWidget } from \"./DefaultDashboardChartWidget\";\n\nexport function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps) {\n  return <DefaultDashboardChartWidget {...props} />;\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx

@@ -0,0 +1,6 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+
+export function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps) {
+  return <DefaultDashboardChartWidget {...props} />;
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,2BAA2B,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,6BAA6B,2CAkDjG"}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import ReactECharts from "echarts-for-react";
+import { toEChartsOption } from "../mappers/echartsOptionMapper";
+export function DefaultDashboardChartWidget(_a) {
+    var _b, _c;
+    var definition = _a.definition, runtime = _a.runtime;
+    var chartRef = useRef(null);
+    var containerRef = useRef(null);
+    var option = toEChartsOption(definition, (_c = (_b = runtime === null || runtime === void 0 ? void 0 : runtime.data) !== null && _b !== void 0 ? _b : runtime) !== null && _c !== void 0 ? _c : {});
+    useEffect(function () {
+        var _a, _b;
+        var resizeChart = function () {
+            var _a, _b, _c, _d;
+            try {
+                (_d = (_c = (_b = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.resize) === null || _d === void 0 ? void 0 : _d.call(_c, { width: "auto", height: "auto" });
+            }
+            catch (_e) {
+                // no-op: chart may not be ready yet
+            }
+        };
+        var observedElement = (_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.closest(".grid-stack-item-content")) !== null && _b !== void 0 ? _b : containerRef.current;
+        var observer = typeof ResizeObserver !== "undefined" && observedElement
+            ? new ResizeObserver(function () { return resizeChart(); })
+            : null;
+        if (observer && observedElement) {
+            observer.observe(observedElement);
+        }
+        var rafId = window.requestAnimationFrame(resizeChart);
+        var timeoutId = window.setTimeout(resizeChart, 120);
+        var timeoutIdLong = window.setTimeout(resizeChart, 320);
+        return function () {
+            window.cancelAnimationFrame(rafId);
+            window.clearTimeout(timeoutId);
+            window.clearTimeout(timeoutIdLong);
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, [option]);
+    return (_jsx("div", { ref: containerRef, style: { width: "100%", height: "100%", minHeight: 240, flex: 1 }, children: _jsx(ReactECharts, { ref: chartRef, option: option, style: { width: "100%", height: "100%", minHeight: 240 }, notMerge: true, lazyUpdate: true, autoResize: true }) }));
+}
+//# sourceMappingURL=DefaultDashboardChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,UAAU,2BAA2B,CAAC,EAAsD;;QAApD,UAAU,gBAAA,EAAE,OAAO,aAAA;IAC/D,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,IAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,IAAM,MAAM,GAAG,eAAe,CAAC,UAAU,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE3E,SAAS,CAAC;;QACR,IAAM,WAAW,GAAG;;YAClB,IAAI;gBACF,MAAA,MAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,kDAAI,0CAAE,MAAM,mDAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;aACvF;YAAC,WAAM;gBACN,oCAAoC;aACrC;QACH,CAAC,CAAC;QAEF,IAAM,eAAe,GACnB,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,OAAO,CAAC,0BAA0B,CAAuB,mCAC/E,YAAY,CAAC,OAAO,CAAC;QAEvB,IAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,WAAW,IAAI,eAAe;YACvE,CAAC,CAAC,IAAI,cAAc,CAAC,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,QAAQ,IAAI,eAAe,EAAE;YAC/B,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;SACnC;QAED,IAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACxD,IAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QACtD,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QAE1D,OAAO;YACL,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;YACnC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,YACvF,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,EACxD,QAAQ,QACR,UAAU,QACV,UAAU,SACV,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef } from \"react\";\nimport ReactECharts from \"echarts-for-react\";\nimport type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { toEChartsOption } from \"../mappers/echartsOptionMapper\";\n\nexport function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps) {\n  const chartRef = useRef<any>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const option = toEChartsOption(definition, runtime?.data ?? runtime ?? {});\n\n  useEffect(() => {\n    const resizeChart = () => {\n      try {\n        chartRef.current?.getEchartsInstance?.()?.resize?.({ width: \"auto\", height: \"auto\" });\n      } catch {\n        // no-op: chart may not be ready yet\n      }\n    };\n\n    const observedElement =\n      containerRef.current?.closest(\".grid-stack-item-content\") as HTMLElement | null ??\n      containerRef.current;\n\n    const observer = typeof ResizeObserver !== \"undefined\" && observedElement\n      ? new ResizeObserver(() => resizeChart())\n      : null;\n\n    if (observer && observedElement) {\n      observer.observe(observedElement);\n    }\n\n    const rafId = window.requestAnimationFrame(resizeChart);\n    const timeoutId = window.setTimeout(resizeChart, 120);\n    const timeoutIdLong = window.setTimeout(resizeChart, 320);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.clearTimeout(timeoutId);\n      window.clearTimeout(timeoutIdLong);\n      observer?.disconnect();\n    };\n  }, [option]);\n\n  return (\n    <div ref={containerRef} style={{ width: \"100%\", height: \"100%\", minHeight: 240, flex: 1 }}>\n      <ReactECharts\n        ref={chartRef}\n        option={option}\n        style={{ width: \"100%\", height: \"100%\", minHeight: 240 }}\n        notMerge\n        lazyUpdate\n        autoResize\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx

@@ -0,0 +1,56 @@
+import { useEffect, useRef } from "react";
+import ReactECharts from "echarts-for-react";
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { toEChartsOption } from "../mappers/echartsOptionMapper";
+
+export function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps) {
+  const chartRef = useRef<any>(null);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const option = toEChartsOption(definition, runtime?.data ?? runtime ?? {});
+
+  useEffect(() => {
+    const resizeChart = () => {
+      try {
+        chartRef.current?.getEchartsInstance?.()?.resize?.({ width: "auto", height: "auto" });
+      } catch {
+        // no-op: chart may not be ready yet
+      }
+    };
+
+    const observedElement =
+      containerRef.current?.closest(".grid-stack-item-content") as HTMLElement | null ??
+      containerRef.current;
+
+    const observer = typeof ResizeObserver !== "undefined" && observedElement
+      ? new ResizeObserver(() => resizeChart())
+      : null;
+
+    if (observer && observedElement) {
+      observer.observe(observedElement);
+    }
+
+    const rafId = window.requestAnimationFrame(resizeChart);
+    const timeoutId = window.setTimeout(resizeChart, 120);
+    const timeoutIdLong = window.setTimeout(resizeChart, 320);
+
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.clearTimeout(timeoutId);
+      window.clearTimeout(timeoutIdLong);
+      observer?.disconnect();
+    };
+  }, [option]);
+
+  return (
+    <div ref={containerRef} style={{ width: "100%", height: "100%", minHeight: 240, flex: 1 }}>
+      <ReactECharts
+        ref={chartRef}
+        option={option}
+        style={{ width: "100%", height: "100%", minHeight: 240 }}
+        notMerge
+        lazyUpdate
+        autoResize
+      />
+    </div>
+  );
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardKpiWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardKpiWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardKpiWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,EAAE,6BAA6B,2CAInF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DefaultDashboardKpiWidget(_a) {
+    var _b, _c, _d, _e, _f;
+    var runtime = _a.runtime;
+    var value = (_d = (_c = (_b = runtime === null || runtime === void 0 ? void 0 : runtime.data) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : runtime === null || runtime === void 0 ? void 0 : runtime.value) !== null && _d !== void 0 ? _d : "--";
+    var suffix = (_f = (_e = runtime === null || runtime === void 0 ? void 0 : runtime.uiHints) === null || _e === void 0 ? void 0 : _e.suffix) !== null && _f !== void 0 ? _f : "";
+    return _jsx("div", { style: { fontSize: "1.9rem", fontWeight: 700 }, children: "".concat(value).concat(suffix) });
+}
+//# sourceMappingURL=DefaultDashboardKpiWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardKpiWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardKpiWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,yBAAyB,CAAC,EAA0C;;QAAxC,OAAO,aAAA;IACjD,IAAM,KAAK,GAAG,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,KAAK,mCAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,IAAI,CAAC;IAC7D,IAAM,MAAM,GAAG,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,MAAM,mCAAI,EAAE,CAAC;IAC9C,OAAO,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,UAAG,KAAK,SAAG,MAAM,CAAE,GAAO,CAAC;AAC1F,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\n\nexport function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps) {\n  const value = runtime?.data?.value ?? runtime?.value ?? \"--\";\n  const suffix = runtime?.uiHints?.suffix ?? \"\";\n  return <div style={{ fontSize: \"1.9rem\", fontWeight: 700 }}>{`${value}${suffix}`}</div>;\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.tsx

@@ -0,0 +1,7 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+
+export function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps) {
+  const value = runtime?.data?.value ?? runtime?.value ?? "--";
+  const suffix = runtime?.uiHints?.suffix ?? "";
+  return <div style={{ fontSize: "1.9rem", fontWeight: 700 }}>{`${value}${suffix}`}</div>;
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardLineChartWidget(props: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardLineChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardLineChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,6BAA6B,2CAEnF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+export function DefaultDashboardLineChartWidget(props) {
+    return _jsx(DefaultDashboardChartWidget, __assign({}, props));
+}
+//# sourceMappingURL=DefaultDashboardLineChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardLineChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,+BAA+B,CAAC,KAAoC;IAClF,OAAO,KAAC,2BAA2B,eAAK,KAAK,EAAI,CAAC;AACpD,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { DefaultDashboardChartWidget } from \"./DefaultDashboardChartWidget\";\n\nexport function DefaultDashboardLineChartWidget(props: DashboardWidgetComponentProps) {\n  return <DefaultDashboardChartWidget {...props} />;\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.tsx

@@ -0,0 +1,6 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+
+export function DefaultDashboardLineChartWidget(props: DashboardWidgetComponentProps) {
+  return <DefaultDashboardChartWidget {...props} />;
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardPieChartWidget(props: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardPieChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardPieChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,6BAA6B,2CAElF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+export function DefaultDashboardPieChartWidget(props) {
+    return _jsx(DefaultDashboardChartWidget, __assign({}, props));
+}
+//# sourceMappingURL=DefaultDashboardPieChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardPieChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,8BAA8B,CAAC,KAAoC;IACjF,OAAO,KAAC,2BAA2B,eAAK,KAAK,EAAI,CAAC;AACpD,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { DefaultDashboardChartWidget } from \"./DefaultDashboardChartWidget\";\n\nexport function DefaultDashboardPieChartWidget(props: DashboardWidgetComponentProps) {\n  return <DefaultDashboardChartWidget {...props} />;\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardPieChartWidget.tsx

@@ -0,0 +1,6 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+
+export function DefaultDashboardPieChartWidget(props: DashboardWidgetComponentProps) {
+  return <DefaultDashboardChartWidget {...props} />;
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardTableWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardTableWidget({ runtime }: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardTableWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardTableWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardTableWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardTableWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,EAAE,6BAA6B,2CAoCrF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardTableWidget.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DefaultDashboardTableWidget(_a) {
+    var _b, _c;
+    var runtime = _a.runtime;
+    var columns = Array.isArray((_b = runtime === null || runtime === void 0 ? void 0 : runtime.data) === null || _b === void 0 ? void 0 : _b.columns) ? runtime.data.columns : [];
+    var records = Array.isArray((_c = runtime === null || runtime === void 0 ? void 0 : runtime.data) === null || _c === void 0 ? void 0 : _c.records) ? runtime.data.records : [];
+    return (_jsx("div", { style: { overflow: "auto", maxHeight: "100%" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(function (column) { return (_jsx("th", { style: { textAlign: "left", borderBottom: "1px solid #eceff3", padding: "6px 8px", fontSize: "0.84rem" }, children: column }, column)); }) }) }), _jsx("tbody", { children: records.slice(0, 25).map(function (record, index) { return (_jsx("tr", { children: columns.map(function (column) {
+                            var _a;
+                            return (_jsx("td", { style: { textAlign: "left", borderBottom: "1px solid #f3f4f6", padding: "6px 8px", fontSize: "0.83rem", whiteSpace: "nowrap" }, children: "".concat((_a = record === null || record === void 0 ? void 0 : record[column]) !== null && _a !== void 0 ? _a : "") }, "".concat(index, "-").concat(column)));
+                        }) }, "record-".concat(index))); }) })] }) }));
+}
+//# sourceMappingURL=DefaultDashboardTableWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardTableWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardTableWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardTableWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,2BAA2B,CAAC,EAA0C;;QAAxC,OAAO,aAAA;IACnD,IAAM,OAAO,GAAa,KAAK,CAAC,OAAO,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5F,IAAM,OAAO,GAA0B,KAAK,CAAC,OAAO,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzG,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YACjD,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,aACzD,0BACE,uBACG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,aAEE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAEvG,MAAM,IAHF,MAAM,CAIR,CACN,EAPwB,CAOxB,CAAC,GACC,GACC,EACR,0BACG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC3C,uBACG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;4BAAK,OAAA,CACvB,aAEE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE7H,UAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,MAAM,CAAC,mCAAI,EAAE,CAAE,IAHvB,UAAG,KAAK,cAAI,MAAM,CAAE,CAItB,CACN,CAAA;yBAAA,CAAC,IARK,iBAAU,KAAK,CAAE,CASrB,CACN,EAX4C,CAW5C,CAAC,GACI,IACF,GACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\n\nexport function DefaultDashboardTableWidget({ runtime }: DashboardWidgetComponentProps) {\n  const columns: string[] = Array.isArray(runtime?.data?.columns) ? runtime.data.columns : [];\n  const records: Record<string, any>[] = Array.isArray(runtime?.data?.records) ? runtime.data.records : [];\n\n  return (\n    <div style={{ overflow: \"auto\", maxHeight: \"100%\" }}>\n      <table style={{ width: \"100%\", borderCollapse: \"collapse\" }}>\n        <thead>\n          <tr>\n            {columns.map((column) => (\n              <th\n                key={column}\n                style={{ textAlign: \"left\", borderBottom: \"1px solid #eceff3\", padding: \"6px 8px\", fontSize: \"0.84rem\" }}\n              >\n                {column}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {records.slice(0, 25).map((record, index) => (\n            <tr key={`record-${index}`}>\n              {columns.map((column) => (\n                <td\n                  key={`${index}-${column}`}\n                  style={{ textAlign: \"left\", borderBottom: \"1px solid #f3f4f6\", padding: \"6px 8px\", fontSize: \"0.83rem\", whiteSpace: \"nowrap\" }}\n                >\n                  {`${record?.[column] ?? \"\"}`}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}