@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/core/list/widgets/SolidMqMessageStageListViewWidget.tsx

@@ -0,0 +1,50 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+
+const STATUS_STYLES: Record<string, { backgroundColor: string; color: string }> = {
+    pending: { backgroundColor: "#6b7280", color: "#fff" },     // gray
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff" },   // blue
+    started: { backgroundColor: "#eab308", color: "#000" },     // yellow
+    retry: { backgroundColor: "#f97316", color: "#fff" },       // orange
+    retrying: { backgroundColor: "#ea580c", color: "#fff" },    // darker orange
+    failed: { backgroundColor: "#ef4444", color: "#fff" },      // red
+    succeeded: { backgroundColor: "#22c55e", color: "#fff" },   // green
+};
+
+export const SolidMqMessageStageListViewWidget = ({
+    rowData,
+    fieldMetadata,
+}: SolidListFieldWidgetProps) => {
+
+    const value =
+        fieldMetadata?.name && rowData[fieldMetadata.name]
+            ? String(rowData[fieldMetadata.name]).toLowerCase()
+            : "";
+
+    const style = STATUS_STYLES[value] || {
+        backgroundColor: "#9ca3af",
+        color: "#fff",
+    };
+
+    return (
+        <div className="mt-2">
+            {value ? (
+                <span
+                    style={{
+                        ...style,
+                        display: "inline-flex",
+                        alignItems: "center",
+                        borderRadius: "6px",
+                        padding: "4px 10px",
+                        fontSize: "12px",
+                        fontWeight: 600,
+                        textTransform: "capitalize",
+                    }}
+                >
+                    {value}
+                </span>
+            ) : (
+                <span className="text-muted">—</span>
+            )}
+        </div>
+    );
+};

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+export declare const SolidSummarizeListHeaderActionMqMessages: ({ solidListViewMetaData }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidSummarizeListHeaderActionMqMessages.d.ts.map

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSummarizeListHeaderActionMqMessages.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAyGzE,eAAO,MAAM,wCAAwC,8BAElD,yBAAyB,4CA6E3B,CAAC"}

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.js

@@ -0,0 +1,158 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { solidGet } from "../../../../http/solidHttp";
+import { SolidButton } from "../../../shad-cn-ui";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../redux/features/popupSlice";
+import { X } from "lucide-react";
+// Chart.js imports
+import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Tooltip, Legend } from "chart.js";
+import { Bar } from "react-chartjs-2";
+ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+var CHART_COLORS = [
+    "#3b82f6",
+    "#22c55e",
+    "#f59e0b",
+    "#ef4444",
+    "#8b5cf6",
+    "#14b8a6"
+];
+var getColor = function (index) { return CHART_COLORS[index % CHART_COLORS.length]; };
+// =========================
+// Pivot Transform
+// =========================
+var transformToPivot = function (groupMeta) {
+    var pivot = {};
+    var stageSet = new Set();
+    groupMeta.forEach(function (item) {
+        var groupValue = item.groupValue || "";
+        var count = item.id_count || 0;
+        var parts = groupValue.split("_");
+        var stage = parts.pop();
+        var broker = parts.join("_");
+        if (!broker || !stage)
+            return;
+        stageSet.add(stage);
+        if (!pivot[broker])
+            pivot[broker] = {};
+        pivot[broker][stage] = count;
+    });
+    var stages = Array.from(stageSet);
+    Object.keys(pivot).forEach(function (broker) {
+        stages.forEach(function (stage) {
+            if (pivot[broker][stage] === undefined) {
+                pivot[broker][stage] = 0;
+            }
+        });
+    });
+    return { pivot: pivot, stages: stages };
+};
+// =========================
+// Chart Component
+// =========================
+var PivotChart = function (_a) {
+    var data = _a.data;
+    var pivot = data.pivot, stages = data.stages;
+    var queues = Object.keys(pivot).sort(function (a, b) {
+        var sum = function (q) {
+            return stages.reduce(function (acc, s) { var _a; return acc + (((_a = pivot[q]) === null || _a === void 0 ? void 0 : _a[s]) || 0); }, 0);
+        };
+        return sum(b) - sum(a);
+    });
+    var chartData = {
+        labels: queues,
+        datasets: stages.map(function (stage, index) { return ({
+            label: stage,
+            data: queues.map(function (q) { var _a; return ((_a = pivot[q]) === null || _a === void 0 ? void 0 : _a[stage]) || 0; }),
+            backgroundColor: getColor(index)
+        }); })
+    };
+    var options = {
+        responsive: true,
+        plugins: { legend: { position: "top" } },
+        scales: {
+            x: { stacked: true },
+            y: { stacked: true, beginAtZero: true }
+        }
+    };
+    return _jsx(Bar, { data: chartData, options: options });
+};
+// =========================
+// Widget
+// =========================
+export var SolidSummarizeListHeaderActionMqMessages = function (_a) {
+    var solidListViewMetaData = _a.solidListViewMetaData;
+    var dispatch = useDispatch();
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(null), pivotData = _c[0], setPivotData = _c[1];
+    var handleContinue = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var selectedRows, filters, qs, res;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    setLoading(true);
+                    selectedRows = (solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.selectedRows) || [];
+                    filters = selectedRows
+                        .map(function (row, index) {
+                        return "filters[$and][0][$or][".concat(index, "][id][$eq]=").concat(row.id);
+                    })
+                        .join("&");
+                    qs = [
+                        "offset=0",
+                        "limit=100",
+                        "groupBy[0]=messageBroker",
+                        "groupBy[1]=stage",
+                        "aggregates[0]=id:count",
+                        filters || null
+                    ]
+                        .filter(Boolean)
+                        .join("&");
+                    return [4 /*yield*/, solidGet("/mq-message?".concat(qs))];
+                case 1:
+                    res = _d.sent();
+                    setPivotData(transformToPivot((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.groupMeta) !== null && _c !== void 0 ? _c : []));
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx("h3", { className: "solid-filter-dialog-title", children: "MQ Message Summary" }) }), _jsx("button", { className: "solid-radix-dialog-close", "aria-label": "Close", onClick: function () { return dispatch(closePopup()); }, children: _jsx(X, { size: 16 }) })] }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body", children: [_jsxs("div", { style: { textAlign: "center", marginBottom: "10px", marginTop: "10px" }, children: [_jsxs("p", { style: { textAlign: "center", fontSize: "13px", marginBottom: "0" }, children: ["You can summarize based on selected records or the full dataset.", _jsx("br", {}), "Click ", _jsx("strong", { children: "Continue" }), " to load the summary."] }), _jsx(SolidButton, { size: "small", loading: loading, onClick: handleContinue, children: "Continue" })] }), pivotData && (_jsx("div", { style: { marginTop: "20px" }, children: _jsx(PivotChart, { data: pivotData }) }))] })] }));
+};
+//# sourceMappingURL=SolidSummarizeListHeaderActionMqMessages.js.map

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSummarizeListHeaderActionMqMessages.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { solidGet } from \"../../../../http/solidHttp\";\nimport { SolidButton } from \"../../../shad-cn-ui\";\nimport { useDispatch } from \"react-redux\";\nimport { closePopup } from \"../../../../redux/features/popupSlice\";\nimport { X } from \"lucide-react\";\n\n// Chart.js imports\nimport {\n    Chart as ChartJS,\n    CategoryScale,\n    LinearScale,\n    BarElement,\n    Tooltip,\n    Legend\n} from \"chart.js\";\nimport { Bar } from \"react-chartjs-2\";\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);\n\nconst CHART_COLORS = [\n    \"#3b82f6\",\n    \"#22c55e\",\n    \"#f59e0b\",\n    \"#ef4444\",\n    \"#8b5cf6\",\n    \"#14b8a6\"\n];\n\nconst getColor = (index: number) => CHART_COLORS[index % CHART_COLORS.length];\n\n// =========================\n// Pivot Transform\n// =========================\nconst transformToPivot = (groupMeta: any[]) => {\n    const pivot: Record<string, Record<string, number>> = {};\n    const stageSet = new Set<string>();\n\n    groupMeta.forEach((item: any) => {\n        const groupValue = item.groupValue || \"\";\n        const count = item.id_count || 0;\n\n        const parts = groupValue.split(\"_\");\n        const stage = parts.pop();\n        const broker = parts.join(\"_\");\n\n        if (!broker || !stage) return;\n\n        stageSet.add(stage);\n        if (!pivot[broker]) pivot[broker] = {};\n        pivot[broker][stage] = count;\n    });\n\n    const stages = Array.from(stageSet);\n\n    Object.keys(pivot).forEach((broker) => {\n        stages.forEach((stage) => {\n            if (pivot[broker][stage] === undefined) {\n                pivot[broker][stage] = 0;\n            }\n        });\n    });\n\n    return { pivot, stages };\n};\n\ntype PivotData = ReturnType<typeof transformToPivot>;\n\n// =========================\n// Chart Component\n// =========================\nconst PivotChart = ({ data }: { data: PivotData }) => {\n    const { pivot, stages } = data;\n\n    const queues = Object.keys(pivot).sort((a, b) => {\n        const sum = (q: string) =>\n            stages.reduce((acc, s) => acc + (pivot[q]?.[s] || 0), 0);\n        return sum(b) - sum(a);\n    });\n\n    const chartData = {\n        labels: queues,\n        datasets: stages.map((stage, index) => ({\n            label: stage,\n            data: queues.map((q) => pivot[q]?.[stage] || 0),\n            backgroundColor: getColor(index)\n        }))\n    };\n\n    const options: any = {\n        responsive: true,\n        plugins: { legend: { position: \"top\" } },\n        scales: {\n            x: { stacked: true },\n            y: { stacked: true, beginAtZero: true }\n        }\n    };\n\n    return <Bar data={chartData} options={options} />;\n};\n\n// =========================\n// Widget\n// =========================\nexport const SolidSummarizeListHeaderActionMqMessages = ({\n    solidListViewMetaData\n}: SolidListFieldWidgetProps) => {\n    const dispatch = useDispatch();\n    const [loading, setLoading] = useState(false);\n    const [pivotData, setPivotData] = useState<PivotData | null>(null);\n\n    const handleContinue = async () => {\n        setLoading(true);\n\n        const selectedRows = solidListViewMetaData?.selectedRows || [];\n\n        const filters = selectedRows\n            .map(\n                (row: any, index: number) =>\n                    `filters[$and][0][$or][${index}][id][$eq]=${row.id}`\n            )\n            .join(\"&\");\n\n        const qs = [\n            \"offset=0\",\n            \"limit=100\",\n            \"groupBy[0]=messageBroker\",\n            \"groupBy[1]=stage\",\n            \"aggregates[0]=id:count\",\n            filters || null\n        ]\n            .filter(Boolean)\n            .join(\"&\");\n\n        const res = await solidGet(`/mq-message?${qs}`);\n        setPivotData(transformToPivot(res?.data?.data?.groupMeta ?? []));\n        setLoading(false);\n    };\n\n    return (\n        <div>\n            <div className=\"solid-filter-dialog-head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">MQ Message Summary</h3>\n                </div>\n                <button\n                    className=\"solid-radix-dialog-close\"\n                    aria-label=\"Close\"\n                    onClick={() => dispatch(closePopup())}\n                >\n                    <X size={16} />\n                </button>\n            </div>\n\n            <div className=\"solid-filter-dialog-sep\" />\n\n            <div className=\"solid-filter-dialog-body\">\n                <div style={{ textAlign: \"center\",marginBottom:\"10px\",marginTop:\"10px\" }}>\n\n                    <p style={{ textAlign: \"center\", fontSize: \"13px\", marginBottom: \"0\" }}>\n                        You can summarize based on selected records or the full dataset.\n                        <br />\n                        Click <strong>Continue</strong> to load the summary.\n                    </p>\n                    <SolidButton\n                        size=\"small\"\n                        loading={loading}\n                        onClick={handleContinue}\n                    >\n                        Continue\n                    </SolidButton>\n\n                </div>\n                {pivotData && (\n                    <div style={{ marginTop: \"20px\" }}>\n                        <PivotChart data={pivotData} />\n                    </div>\n                )}\n            </div>\n\n\n        </div>\n    );\n};\n"]}

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.tsx

@@ -0,0 +1,185 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { useState } from "react";
+import { solidGet } from "../../../../http/solidHttp";
+import { SolidButton } from "../../../shad-cn-ui";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../redux/features/popupSlice";
+import { X } from "lucide-react";
+
+// Chart.js imports
+import {
+    Chart as ChartJS,
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    Tooltip,
+    Legend
+} from "chart.js";
+import { Bar } from "react-chartjs-2";
+
+ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+
+const CHART_COLORS = [
+    "#3b82f6",
+    "#22c55e",
+    "#f59e0b",
+    "#ef4444",
+    "#8b5cf6",
+    "#14b8a6"
+];
+
+const getColor = (index: number) => CHART_COLORS[index % CHART_COLORS.length];
+
+// =========================
+// Pivot Transform
+// =========================
+const transformToPivot = (groupMeta: any[]) => {
+    const pivot: Record<string, Record<string, number>> = {};
+    const stageSet = new Set<string>();
+
+    groupMeta.forEach((item: any) => {
+        const groupValue = item.groupValue || "";
+        const count = item.id_count || 0;
+
+        const parts = groupValue.split("_");
+        const stage = parts.pop();
+        const broker = parts.join("_");
+
+        if (!broker || !stage) return;
+
+        stageSet.add(stage);
+        if (!pivot[broker]) pivot[broker] = {};
+        pivot[broker][stage] = count;
+    });
+
+    const stages = Array.from(stageSet);
+
+    Object.keys(pivot).forEach((broker) => {
+        stages.forEach((stage) => {
+            if (pivot[broker][stage] === undefined) {
+                pivot[broker][stage] = 0;
+            }
+        });
+    });
+
+    return { pivot, stages };
+};
+
+type PivotData = ReturnType<typeof transformToPivot>;
+
+// =========================
+// Chart Component
+// =========================
+const PivotChart = ({ data }: { data: PivotData }) => {
+    const { pivot, stages } = data;
+
+    const queues = Object.keys(pivot).sort((a, b) => {
+        const sum = (q: string) =>
+            stages.reduce((acc, s) => acc + (pivot[q]?.[s] || 0), 0);
+        return sum(b) - sum(a);
+    });
+
+    const chartData = {
+        labels: queues,
+        datasets: stages.map((stage, index) => ({
+            label: stage,
+            data: queues.map((q) => pivot[q]?.[stage] || 0),
+            backgroundColor: getColor(index)
+        }))
+    };
+
+    const options: any = {
+        responsive: true,
+        plugins: { legend: { position: "top" } },
+        scales: {
+            x: { stacked: true },
+            y: { stacked: true, beginAtZero: true }
+        }
+    };
+
+    return <Bar data={chartData} options={options} />;
+};
+
+// =========================
+// Widget
+// =========================
+export const SolidSummarizeListHeaderActionMqMessages = ({
+    solidListViewMetaData
+}: SolidListFieldWidgetProps) => {
+    const dispatch = useDispatch();
+    const [loading, setLoading] = useState(false);
+    const [pivotData, setPivotData] = useState<PivotData | null>(null);
+
+    const handleContinue = async () => {
+        setLoading(true);
+
+        const selectedRows = solidListViewMetaData?.selectedRows || [];
+
+        const filters = selectedRows
+            .map(
+                (row: any, index: number) =>
+                    `filters[$and][0][$or][${index}][id][$eq]=${row.id}`
+            )
+            .join("&");
+
+        const qs = [
+            "offset=0",
+            "limit=100",
+            "groupBy[0]=messageBroker",
+            "groupBy[1]=stage",
+            "aggregates[0]=id:count",
+            filters || null
+        ]
+            .filter(Boolean)
+            .join("&");
+
+        const res = await solidGet(`/mq-message?${qs}`);
+        setPivotData(transformToPivot(res?.data?.data?.groupMeta ?? []));
+        setLoading(false);
+    };
+
+    return (
+        <div>
+            <div className="solid-filter-dialog-head">
+                <div>
+                    <h3 className="solid-filter-dialog-title">MQ Message Summary</h3>
+                </div>
+                <button
+                    className="solid-radix-dialog-close"
+                    aria-label="Close"
+                    onClick={() => dispatch(closePopup())}
+                >
+                    <X size={16} />
+                </button>
+            </div>
+
+            <div className="solid-filter-dialog-sep" />
+
+            <div className="solid-filter-dialog-body">
+                <div style={{ textAlign: "center",marginBottom:"10px",marginTop:"10px" }}>
+
+                    <p style={{ textAlign: "center", fontSize: "13px", marginBottom: "0" }}>
+                        You can summarize based on selected records or the full dataset.
+                        <br />
+                        Click <strong>Continue</strong> to load the summary.
+                    </p>
+                    <SolidButton
+                        size="small"
+                        loading={loading}
+                        onClick={handleContinue}
+                    >
+                        Continue
+                    </SolidButton>
+
+                </div>
+                {pivotData && (
+                    <div style={{ marginTop: "20px" }}>
+                        <PivotChart data={pivotData} />
+                    </div>
+                )}
+            </div>
+
+
+        </div>
+    );
+};

package/dist/components/core/locales/SolidChatterLocaleTabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterLocaleTabView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,qBAAqB,EAAE,GAAG,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IAEpB,0BAA0B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+D9C,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SolidChatterLocaleTabView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,oBAAoB,CAAC;AAG5B,UAAU,KAAK;IACb,qBAAqB,EAAE,GAAG,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IAEpB,0BAA0B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAUD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8G9C,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/core/locales/SolidChatterLocaleTabView.js

@@ -1,15 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TabView, TabPanel } from 'primereact/tabview';
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
 import { SolidChatter } from '../chatter/SolidChatter';
 import SolidLocale from './SolidLocale';
 import './solid-locale.css';
-import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';
+import { SolidTabGroup } from '../../shad-cn-ui';
+var mapTabIndexToValue = function (index, order) {
+    if (!order.length)
+        return '';
+    var safeIndex = Number.isFinite(index) ? index : 0;
+    if (safeIndex <= 0)
+        return order[0];
+    if (safeIndex >= order.length)
+        return order[order.length - 1];
+    return order[safeIndex];
+};
 var SolidChatterLocaleTabView = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var solidFormViewMetaData = _a.solidFormViewMetaData, id = _a.id, refreshChatterMessage = _a.refreshChatterMessage, setRefreshChatterMessage = _a.setRefreshChatterMessage, selectedLocale = _a.selectedLocale, setSelectedLocale = _a.setSelectedLocale, activeTab = _a.activeTab, viewMode = _a.viewMode, createMode = _a.createMode, handleLocaleChangeRedirect = _a.handleLocaleChangeRedirect, defaultEntityLocaleId = _a.defaultEntityLocaleId, solidFormViewData = _a.solidFormViewData, published = _a.published, actionsAllowed = _a.actionsAllowed, mcpUrl = _a.mcpUrl;
-    return (_jsxs(TabView, { className: "SolidCustomLocaleTabviewPanels h-full", activeIndex: activeTab, children: [((_d = (_c = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.draftPublishWorkflow) &&
-                _jsx(TabPanel, { header: "Info", className: "SolidCustomLocaleTab p-2", children: _jsx(SolidLocale, { setSelectedLocale: setSelectedLocale, solidFormViewMetaData: solidFormViewMetaData, selectedLocale: selectedLocale, id: id, viewMode: viewMode, createMode: createMode, handleLocaleChangeRedirect: handleLocaleChangeRedirect, defaultEntityLocaleId: defaultEntityLocaleId, applicableLocales: (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.applicableLocales, solidFormViewData: solidFormViewData, published: published }) }), _jsx(TabPanel, { header: "Audit Trail", className: "SolidCustomLocaleTab", headerClassName: 'p-2', children: _jsx(SolidChatter, { modelSingularName: (_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed }) }), mcpUrl &&
-                (_jsx(TabPanel, { header: "SolidX AI", className: "SolidCustomLocaleTab py-2", contentClassName: 'h-full', children: _jsx("div", { style: { height: "calc(100vh - 60px)" }, children: _jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl }) }) }))] }));
+    var showWorkflowInfo = Boolean((_d = (_c = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.draftPublishWorkflow);
+    var tabOrder = useMemo(function () {
+        var order = [];
+        if (showWorkflowInfo) {
+            order.push('info');
+        }
+        order.push('audit');
+        return order;
+    }, [showWorkflowInfo]);
+    var _s = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _s[0], setActiveTabValue = _s[1];
+    var userKeyFieldName = (_h = (_g = (_f = (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.model) === null || _g === void 0 ? void 0 : _g.userKeyField) === null || _h === void 0 ? void 0 : _h.name;
+    var modelUserKeyValue = (_j = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _j === void 0 ? void 0 : _j[userKeyFieldName];
+    useEffect(function () {
+        var nextValue = mapTabIndexToValue(activeTab, tabOrder);
+        setActiveTabValue(function (prev) { return (prev === nextValue ? prev : nextValue); });
+    }, [activeTab, tabOrder]);
+    var tabs = __spreadArray(__spreadArray([], (showWorkflowInfo
+        ? [{
+                value: 'info',
+                label: 'Info',
+                content: (_jsx("div", { className: "solid-locale-tab-content solid-locale-tab-content--padded", children: _jsx(SolidLocale, { setSelectedLocale: setSelectedLocale, solidFormViewMetaData: solidFormViewMetaData, selectedLocale: selectedLocale, id: id, viewMode: viewMode, createMode: createMode, handleLocaleChangeRedirect: handleLocaleChangeRedirect, defaultEntityLocaleId: defaultEntityLocaleId, applicableLocales: (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.applicableLocales, solidFormViewData: solidFormViewData, published: published }) }))
+            }]
+        : []), true), [
+        {
+            value: 'audit',
+            label: 'Audit Trail',
+            content: (_jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_o = (_m = (_l = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidView) === null || _m === void 0 ? void 0 : _m.model) === null || _o === void 0 ? void 0 : _o.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: showWorkflowInfo ? undefined : 'Audit Trail', modelUserKey: modelUserKeyValue }) }))
+        }
+    ], false);
+    if (!showWorkflowInfo) {
+        return (_jsx("div", { className: "solid-locale-panel solid-locale-panel--single", children: _jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_r = (_q = (_p = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.model) === null || _r === void 0 ? void 0 : _r.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: "Audit Trail" }) }) }));
+    }
+    return (_jsx("div", { className: "solid-locale-panel", children: _jsx(SolidTabGroup, { className: "solid-locale-tabs h-full", listClassName: "solid-locale-tabs-list", panelClassName: "solid-locale-tabs-panel", tabs: tabs, value: activeTabValue, onValueChange: setActiveTabValue, tabPosition: 'left' }) }));
 };
 export default SolidChatterLocaleTabView;
 //# sourceMappingURL=SolidChatterLocaleTabView.js.map

package/dist/components/core/locales/SolidChatterLocaleTabView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAoBpE,IAAM,yBAAyB,GAAoB,UAAC,EAgBnD;;QAfC,qBAAqB,2BAAA,EACrB,EAAE,QAAA,EACF,qBAAqB,2BAAA,EACrB,wBAAwB,8BAAA,EACxB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,0BAA0B,gCAAA,EAC1B,qBAAqB,2BAAA,EACrB,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,MAAM,YAAA;IAQN,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,uCAAuC,EAAC,WAAW,EAAE,SAAS,aAC9E,CAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,oBAAoB;gBAClE,KAAC,QAAQ,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,0BAA0B,YAC3D,KAAC,WAAW,IACV,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,iBAAiB,EACjE,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB,GACO,EAEb,KAAC,QAAQ,IAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAE,sBAAsB,EAAE,eAAe,EAAC,KAAK,YACrF,KAAC,YAAY,IACX,iBAAiB,EAAE,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,YAAY,EAC9E,EAAE,EAAE,EAAE,EACN,qBAAqB,EAAE,qBAAqB,EAC5C,wBAAwB,EAAE,wBAAwB,EAClD,cAAc,EAAE,cAAc,GAC9B,GACO,EAET,MAAM;gBACN,CACE,KAAC,QAAQ,IAAC,MAAM,EAAC,WAAW,EAAC,SAAS,EAAE,2BAA2B,EAAE,gBAAgB,EAAC,QAAQ,YAC5F,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,YAC1C,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,GAAI,GAClC,GACG,CACZ,IAEK,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { TabView, TabPanel } from 'primereact/tabview';\nimport { SolidChatter } from '../chatter/SolidChatter';\nimport SolidLocale from './SolidLocale';\nimport './solid-locale.css';\nimport { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';\ninterface Props {\n  solidFormViewMetaData: any;\n  id: string;\n  refreshChatterMessage: boolean;\n  setRefreshChatterMessage: (value: boolean) => void;\n  activeTab: number;\n  selectedLocale: string | null;\n  setSelectedLocale: (locale: string | null) => void;\n  viewMode: string;\n  createMode: boolean;\n  //setDefaultLocaleId: (localeId: string) => void;\n  handleLocaleChangeRedirect: (locale: string, defaultEntityLocaleId: string, viewMode: string) => void;\n  defaultEntityLocaleId: string | null;\n  solidFormViewData: any;\n  published: string | null;\n  actionsAllowed?: string[];\n  mcpUrl?: string | null;\n}\n\nconst SolidChatterLocaleTabView: React.FC<Props> = ({\n  solidFormViewMetaData,\n  id,\n  refreshChatterMessage,\n  setRefreshChatterMessage,\n  selectedLocale,\n  setSelectedLocale,\n  activeTab,\n  viewMode,\n  createMode,\n  handleLocaleChangeRedirect,\n  defaultEntityLocaleId,\n  solidFormViewData,\n  published,\n  actionsAllowed,\n  mcpUrl\n}) => {\n\n\n\n\n\n\n  return (\n    <TabView className=\"SolidCustomLocaleTabviewPanels h-full\" activeIndex={activeTab}>\n      {solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow &&\n        <TabPanel header=\"Info\" className={`SolidCustomLocaleTab p-2`}>\n          <SolidLocale\n            setSelectedLocale={setSelectedLocale}\n            solidFormViewMetaData={solidFormViewMetaData}\n            selectedLocale={selectedLocale}\n            id={id}\n            viewMode={viewMode}\n            createMode={createMode}\n            handleLocaleChangeRedirect={handleLocaleChangeRedirect}\n            defaultEntityLocaleId={defaultEntityLocaleId}\n            applicableLocales={solidFormViewMetaData?.data?.applicableLocales}\n            solidFormViewData={solidFormViewData}\n            published={published}\n          />\n        </TabPanel>\n      }\n      <TabPanel header=\"Audit Trail\" className={`SolidCustomLocaleTab`} headerClassName='p-2'>\n        <SolidChatter\n          modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n          id={id}\n          refreshChatterMessage={refreshChatterMessage}\n          setRefreshChatterMessage={setRefreshChatterMessage}\n          actionsAllowed={actionsAllowed}\n        />\n      </TabPanel>\n      {\n        mcpUrl &&\n        (\n          <TabPanel header=\"SolidX AI\" className={`SolidCustomLocaleTab py-2`} contentClassName='h-full'>\n            <div style={{ height: \"calc(100vh - 60px)\" }}>\n              <SolidAiMainWrapper mcpUrl={mcpUrl} />\n            </div>\n          </TabPanel>\n        )\n      }\n    </TabView>\n  );\n};\n\nexport default SolidChatterLocaleTabView;\n"]}
+{"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { SolidChatter } from '../chatter/SolidChatter';\nimport SolidLocale from './SolidLocale';\nimport './solid-locale.css';\nimport { SolidTabGroup } from '../../shad-cn-ui';\n// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel\ninterface Props {\n  solidFormViewMetaData: any;\n  id: string;\n  refreshChatterMessage: boolean;\n  setRefreshChatterMessage: (value: boolean) => void;\n  activeTab: number;\n  selectedLocale: string | null;\n  setSelectedLocale: (locale: string | null) => void;\n  viewMode: string;\n  createMode: boolean;\n  //setDefaultLocaleId: (localeId: string) => void;\n  handleLocaleChangeRedirect: (locale: string, defaultEntityLocaleId: string, viewMode: string) => void;\n  defaultEntityLocaleId: string | null;\n  solidFormViewData: any;\n  published: string | null;\n  actionsAllowed?: string[];\n  mcpUrl?: string | null;\n}\n\nconst mapTabIndexToValue = (index: number, order: string[]) => {\n  if (!order.length) return '';\n  const safeIndex = Number.isFinite(index) ? index : 0;\n  if (safeIndex <= 0) return order[0];\n  if (safeIndex >= order.length) return order[order.length - 1];\n  return order[safeIndex];\n};\n\nconst SolidChatterLocaleTabView: React.FC<Props> = ({\n  solidFormViewMetaData,\n  id,\n  refreshChatterMessage,\n  setRefreshChatterMessage,\n  selectedLocale,\n  setSelectedLocale,\n  activeTab,\n  viewMode,\n  createMode,\n  handleLocaleChangeRedirect,\n  defaultEntityLocaleId,\n  solidFormViewData,\n  published,\n  actionsAllowed,\n  mcpUrl,\n}) => {\n  const showWorkflowInfo = Boolean(solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow);\n\n  const tabOrder = useMemo(() => {\n    const order: string[] = [];\n    if (showWorkflowInfo) {\n      order.push('info');\n    }\n    order.push('audit');\n    return order;\n  }, [showWorkflowInfo]);\n\n  const [activeTabValue, setActiveTabValue] = useState<string>(() => mapTabIndexToValue(activeTab, tabOrder));\n  const userKeyFieldName = solidFormViewMetaData?.data?.solidView?.model?.userKeyField?.name;\n  const modelUserKeyValue = solidFormViewData?.data?.[userKeyFieldName];\n\n  useEffect(() => {\n    const nextValue = mapTabIndexToValue(activeTab, tabOrder);\n    setActiveTabValue((prev) => (prev === nextValue ? prev : nextValue));\n  }, [activeTab, tabOrder]);\n\n  const tabs: { value: string; label: React.ReactNode; content: React.ReactNode; }[] = [\n    ...(showWorkflowInfo\n      ? [{\n        value: 'info',\n        label: 'Info',\n        content: (\n          <div className=\"solid-locale-tab-content solid-locale-tab-content--padded\">\n            <SolidLocale\n              setSelectedLocale={setSelectedLocale}\n              solidFormViewMetaData={solidFormViewMetaData}\n              selectedLocale={selectedLocale}\n              id={id}\n              viewMode={viewMode}\n              createMode={createMode}\n              handleLocaleChangeRedirect={handleLocaleChangeRedirect}\n              defaultEntityLocaleId={defaultEntityLocaleId}\n              applicableLocales={solidFormViewMetaData?.data?.applicableLocales}\n              solidFormViewData={solidFormViewData}\n              published={published}\n            />\n          </div>\n        )\n      }]\n      : []),\n    {\n      value: 'audit',\n      label: 'Audit Trail',\n      content: (\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title={showWorkflowInfo ? undefined : 'Audit Trail'}\n            modelUserKey={modelUserKeyValue}\n          />\n        </div>\n      )\n    }\n  ];\n\n  if (!showWorkflowInfo) {\n    return (\n      <div className=\"solid-locale-panel solid-locale-panel--single\">\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title=\"Audit Trail\"\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-locale-panel\">\n      <SolidTabGroup\n        className=\"solid-locale-tabs h-full\"\n        listClassName=\"solid-locale-tabs-list\"\n        panelClassName=\"solid-locale-tabs-panel\"\n        tabs={tabs}\n        value={activeTabValue}\n        onValueChange={setActiveTabValue}\n        tabPosition='left'\n      />\n    </div>\n  );\n};\n\nexport default SolidChatterLocaleTabView;\n"]}