npm - @solidxai/core-ui - Versions diffs - 0.1.7-beta.8 → 0.1.7-beta.9 - Mend

@solidxai/core-ui 0.1.7-beta.8 → 0.1.7-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SolidMqMessagesSummarizeListHeaderAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.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 SolidMqMessagesSummarizeListHeaderAction = ({\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/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.tsx ADDED Viewed

@@ -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 SolidMqMessagesSummarizeListHeaderAction = ({
+    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/extension/solid-core/mqMessage/ui/MqMessageStageBadge.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+type MqMessageStageBadgeProps = {
+    stage?: any;
+    className?: string;
+    showDot?: boolean;
+    compact?: boolean;
+    fallbackLabel?: string;
+};
+export declare const getMqMessageStageTone: (stage: any) => {
+    backgroundColor: string;
+    color: string;
+    borderColor: string;
+    dotColor: string;
+};
+export declare const getMqMessageStageLabel: (stage: any, fallbackLabel?: string) => string;
+export declare const MqMessageStageBadge: ({ stage, className, showDot, compact, fallbackLabel, }: MqMessageStageBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MqMessageStageBadge.d.ts.map

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MqMessageStageBadge.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx"],"names":[],"mappings":"AAAA,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,qBAAqB,UAAW,GAAG;qBAXK,MAAM;WAAS,MAAM;iBAAe,MAAM;cAAY,MAAM;CAchH,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,GAAG,mCAMhD,CAAC;AAEF,eAAO,MAAM,mBAAmB,2DAM7B,wBAAwB,4CA2C1B,CAAC"}

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var STAGE_TONES = {
+    pending: { backgroundColor: "#6b7280", color: "#fff", borderColor: "rgba(107, 114, 128, 0.18)", dotColor: "#d1d5db" },
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff", borderColor: "rgba(59, 130, 246, 0.18)", dotColor: "#dbeafe" },
+    started: { backgroundColor: "#eab308", color: "#111827", borderColor: "rgba(234, 179, 8, 0.22)", dotColor: "#fef08a" },
+    retry: { backgroundColor: "#f97316", color: "#fff", borderColor: "rgba(249, 115, 22, 0.18)", dotColor: "#fed7aa" },
+    retrying: { backgroundColor: "#ea580c", color: "#fff", borderColor: "rgba(234, 88, 12, 0.18)", dotColor: "#fdba74" },
+    failed: { backgroundColor: "#ef4444", color: "#fff", borderColor: "rgba(239, 68, 68, 0.18)", dotColor: "#fecaca" },
+    succeeded: { backgroundColor: "#22c55e", color: "#fff", borderColor: "rgba(34, 197, 94, 0.18)", dotColor: "#bbf7d0" },
+    default: { backgroundColor: "#9ca3af", color: "#fff", borderColor: "rgba(156, 163, 175, 0.18)", dotColor: "#e5e7eb" },
+};
+export var getMqMessageStageTone = function (stage) {
+    var key = String(stage || "").toLowerCase();
+    return STAGE_TONES[key] || STAGE_TONES.default;
+};
+export var getMqMessageStageLabel = function (stage, fallbackLabel) {
+    if (fallbackLabel === void 0) { fallbackLabel = "—"; }
+    if (stage === null || stage === undefined || stage === "") {
+        return fallbackLabel;
+    }
+    return String(stage).toLowerCase();
+};
+export var MqMessageStageBadge = function (_a) {
+    var stage = _a.stage, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.showDot, showDot = _c === void 0 ? false : _c, _d = _a.compact, compact = _d === void 0 ? false : _d, _e = _a.fallbackLabel, fallbackLabel = _e === void 0 ? "—" : _e;
+    var label = getMqMessageStageLabel(stage, fallbackLabel);
+    if (label === fallbackLabel) {
+        return _jsx("span", { className: "text-muted ".concat(className).trim(), children: fallbackLabel });
+    }
+    var tone = getMqMessageStageTone(stage);
+    return (_jsxs("span", { className: className, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: showDot ? "6px" : "0",
+            borderRadius: "999px",
+            padding: compact ? "3px 8px" : "4px 10px",
+            fontSize: compact ? "11px" : "12px",
+            fontWeight: 600,
+            textTransform: "capitalize",
+            backgroundColor: tone.backgroundColor,
+            color: tone.color,
+            border: "1px solid ".concat(tone.borderColor),
+            lineHeight: 1,
+            whiteSpace: "nowrap",
+        }, title: label, children: [showDot && (_jsx("span", { "aria-hidden": "true", style: {
+                    width: "7px",
+                    height: "7px",
+                    borderRadius: "999px",
+                    backgroundColor: tone.dotColor,
+                    flex: "0 0 auto",
+                } })), _jsx("span", { children: label })] }));
+};
+//# sourceMappingURL=MqMessageStageBadge.js.map

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MqMessageStageBadge.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx"],"names":[],"mappings":"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","sourcesContent":["type MqMessageStageBadgeProps = {\n stage?: any;\n className?: string;\n showDot?: boolean;\n compact?: boolean;\n fallbackLabel?: string;\n};\n\nconst STAGE_TONES: Record<string, { backgroundColor: string; color: string; borderColor: string; dotColor: string }> = {\n pending: { backgroundColor: \"#6b7280\", color: \"#fff\", borderColor: \"rgba(107, 114, 128, 0.18)\", dotColor: \"#d1d5db\" },\n scheduled: { backgroundColor: \"#3b82f6\", color: \"#fff\", borderColor: \"rgba(59, 130, 246, 0.18)\", dotColor: \"#dbeafe\" },\n started: { backgroundColor: \"#eab308\", color: \"#111827\", borderColor: \"rgba(234, 179, 8, 0.22)\", dotColor: \"#fef08a\" },\n retry: { backgroundColor: \"#f97316\", color: \"#fff\", borderColor: \"rgba(249, 115, 22, 0.18)\", dotColor: \"#fed7aa\" },\n retrying: { backgroundColor: \"#ea580c\", color: \"#fff\", borderColor: \"rgba(234, 88, 12, 0.18)\", dotColor: \"#fdba74\" },\n failed: { backgroundColor: \"#ef4444\", color: \"#fff\", borderColor: \"rgba(239, 68, 68, 0.18)\", dotColor: \"#fecaca\" },\n succeeded: { backgroundColor: \"#22c55e\", color: \"#fff\", borderColor: \"rgba(34, 197, 94, 0.18)\", dotColor: \"#bbf7d0\" },\n default: { backgroundColor: \"#9ca3af\", color: \"#fff\", borderColor: \"rgba(156, 163, 175, 0.18)\", dotColor: \"#e5e7eb\" },\n};\n\nexport const getMqMessageStageTone = (stage: any) => {\n const key = String(stage || \"\").toLowerCase();\n return STAGE_TONES[key] || STAGE_TONES.default;\n};\n\nexport const getMqMessageStageLabel = (stage: any, fallbackLabel = \"—\") => {\n if (stage === null || stage === undefined || stage === \"\") {\n return fallbackLabel;\n }\n\n return String(stage).toLowerCase();\n};\n\nexport const MqMessageStageBadge = ({\n stage,\n className = \"\",\n showDot = false,\n compact = false,\n fallbackLabel = \"—\",\n}: MqMessageStageBadgeProps) => {\n const label = getMqMessageStageLabel(stage, fallbackLabel);\n if (label === fallbackLabel) {\n return <span className={`text-muted ${className}`.trim()}>{fallbackLabel}</span>;\n }\n\n const tone = getMqMessageStageTone(stage);\n\n return (\n <span\n className={className}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: showDot ? \"6px\" : \"0\",\n borderRadius: \"999px\",\n padding: compact ? \"3px 8px\" : \"4px 10px\",\n fontSize: compact ? \"11px\" : \"12px\",\n fontWeight: 600,\n textTransform: \"capitalize\",\n backgroundColor: tone.backgroundColor,\n color: tone.color,\n border: `1px solid ${tone.borderColor}`,\n lineHeight: 1,\n whiteSpace: \"nowrap\",\n }}\n title={label}\n >\n {showDot && (\n <span\n aria-hidden=\"true\"\n style={{\n width: \"7px\",\n height: \"7px\",\n borderRadius: \"999px\",\n backgroundColor: tone.dotColor,\n flex: \"0 0 auto\",\n }}\n />\n )}\n <span>{label}</span>\n </span>\n );\n};\n\n"]}

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx ADDED Viewed

@@ -0,0 +1,83 @@
+type MqMessageStageBadgeProps = {
+    stage?: any;
+    className?: string;
+    showDot?: boolean;
+    compact?: boolean;
+    fallbackLabel?: string;
+};
+const STAGE_TONES: Record<string, { backgroundColor: string; color: string; borderColor: string; dotColor: string }> = {
+    pending: { backgroundColor: "#6b7280", color: "#fff", borderColor: "rgba(107, 114, 128, 0.18)", dotColor: "#d1d5db" },
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff", borderColor: "rgba(59, 130, 246, 0.18)", dotColor: "#dbeafe" },
+    started: { backgroundColor: "#eab308", color: "#111827", borderColor: "rgba(234, 179, 8, 0.22)", dotColor: "#fef08a" },
+    retry: { backgroundColor: "#f97316", color: "#fff", borderColor: "rgba(249, 115, 22, 0.18)", dotColor: "#fed7aa" },
+    retrying: { backgroundColor: "#ea580c", color: "#fff", borderColor: "rgba(234, 88, 12, 0.18)", dotColor: "#fdba74" },
+    failed: { backgroundColor: "#ef4444", color: "#fff", borderColor: "rgba(239, 68, 68, 0.18)", dotColor: "#fecaca" },
+    succeeded: { backgroundColor: "#22c55e", color: "#fff", borderColor: "rgba(34, 197, 94, 0.18)", dotColor: "#bbf7d0" },
+    default: { backgroundColor: "#9ca3af", color: "#fff", borderColor: "rgba(156, 163, 175, 0.18)", dotColor: "#e5e7eb" },
+};
+export const getMqMessageStageTone = (stage: any) => {
+    const key = String(stage || "").toLowerCase();
+    return STAGE_TONES[key] || STAGE_TONES.default;
+};
+export const getMqMessageStageLabel = (stage: any, fallbackLabel = "—") => {
+    if (stage === null || stage === undefined || stage === "") {
+        return fallbackLabel;
+    }
+    return String(stage).toLowerCase();
+};
+export const MqMessageStageBadge = ({
+    stage,
+    className = "",
+    showDot = false,
+    compact = false,
+    fallbackLabel = "—",
+}: MqMessageStageBadgeProps) => {
+    const label = getMqMessageStageLabel(stage, fallbackLabel);
+    if (label === fallbackLabel) {
+        return <span className={`text-muted ${className}`.trim()}>{fallbackLabel}</span>;
+    }
+    const tone = getMqMessageStageTone(stage);
+    return (
+        <span
+            className={className}
+            style={{
+                display: "inline-flex",
+                alignItems: "center",
+                gap: showDot ? "6px" : "0",
+                borderRadius: "999px",
+                padding: compact ? "3px 8px" : "4px 10px",
+                fontSize: compact ? "11px" : "12px",
+                fontWeight: 600,
+                textTransform: "capitalize",
+                backgroundColor: tone.backgroundColor,
+                color: tone.color,
+                border: `1px solid ${tone.borderColor}`,
+                lineHeight: 1,
+                whiteSpace: "nowrap",
+            }}
+            title={label}
+        >
+            {showDot && (
+                <span
+                    aria-hidden="true"
+                    style={{
+                        width: "7px",
+                        height: "7px",
+                        borderRadius: "999px",
+                        backgroundColor: tone.dotColor,
+                        flex: "0 0 auto",
+                    }}
+                />
+            )}
+            <span>{label}</span>
+        </span>
+    );
+};

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

	@@ -1 +1 @@
1	- {"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,~~CA2G9C~~,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
1	+ {"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 CHANGED Viewed

@@ -24,7 +24,7 @@ var mapTabIndexToValue = function (index, order) {
     return order[safeIndex];
 };
 var SolidChatterLocaleTabView = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    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;
     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 () {
@@ -35,7 +35,9 @@ var SolidChatterLocaleTabView = function (_a) {
         order.push('audit');
         return order;
     }, [showWorkflowInfo]);
-    var _m = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _m[0], setActiveTabValue = _m[1];
+    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); });
@@ -44,17 +46,17 @@ var SolidChatterLocaleTabView = function (_a) {
         ? [{
                 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: (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.applicableLocales, solidFormViewData: solidFormViewData, published: published }) }))
+                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: (_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, title: showWorkflowInfo ? undefined : '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: (_l = (_k = (_j = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.model) === null || _l === void 0 ? void 0 : _l.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: "Audit Trail" }) }) }));
+        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' }) }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqBjD,IAAM,kBAAkB,GAAG,UAAC,KAAa,EAAE,KAAe;IACxD,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IAC7B,IAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,IAAI,SAAS,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC9D,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,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;IAEN,IAAM,gBAAgB,GAAG,OAAO,CAAC,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,oBAAoB,CAAC,CAAC;IAEtG,IAAM,QAAQ,GAAG,OAAO,CAAC;QACvB,IAAM,KAAK,GAAa,EAAE,CAAC;QAC3B,IAAI,gBAAgB,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACpB;QACD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpB,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEjB,IAAA,KAAsC,QAAQ,CAAS,cAAM,OAAA,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAvC,CAAuC,CAAC,EAApG,cAAc,QAAA,EAAE,iBAAiB,QAAmE,CAAC;~~IAE5G~~,SAAS,CAAC;QACR,IAAM,SAAS,GAAG,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1D,iBAAiB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAvC,CAAuC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,IAAM,IAAI,mCACL,CAAC,gBAAgB;QAClB,CAAC,CAAC,CAAC;gBACD,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,2DAA2D,YACxE,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,GACE,CACP;aACF,CAAC;QACF,CAAC,CAAC,EAAE,CAAC;QACP;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,0BAA0B,YACvC,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,EAC9B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,~~GACnD~~,GACE,CACP;SACF;aACF,CAAC;IAEF,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,CACL,cAAK,SAAS,EAAC,+CAA+C,YAC5D,cAAK,SAAS,EAAC,0BAA0B,YACvC,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,EAC9B,KAAK,EAAC,aAAa,GACnB,GACE,GACF,CACP,CAAC;KACH;IAED,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,aAAa,IACZ,SAAS,EAAC,0BAA0B,EACpC,aAAa,EAAC,wBAAwB,EACtC,cAAc,EAAC,yBAAyB,EACxC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAC,MAAM,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","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\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 />\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"]}
1	+ {"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"]}

package/dist/components/core/locales/SolidChatterLocaleTabView.tsx CHANGED Viewed

@@ -60,6 +60,8 @@ const SolidChatterLocaleTabView: React.FC<Props> = ({
   }, [showWorkflowInfo]);
   const [activeTabValue, setActiveTabValue] = useState<string>(() => mapTabIndexToValue(activeTab, tabOrder));
+  const userKeyFieldName = solidFormViewMetaData?.data?.solidView?.model?.userKeyField?.name;
+  const modelUserKeyValue = solidFormViewData?.data?.[userKeyFieldName];
   useEffect(() => {
     const nextValue = mapTabIndexToValue(activeTab, tabOrder);
@@ -102,6 +104,7 @@ const SolidChatterLocaleTabView: React.FC<Props> = ({
             setRefreshChatterMessage={setRefreshChatterMessage}
             actionsAllowed={actionsAllowed}
             title={showWorkflowInfo ? undefined : 'Audit Trail'}
+            modelUserKey={modelUserKeyValue}
           />
         </div>
       )

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.css ADDED Viewed

@@ -0,0 +1,38 @@
+.solid-api-keys-tab {
+  padding: 4px 0;
+}
+.solid-api-keys-th {
+  padding: 8px 12px;
+  text-align: left;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-color-secondary, #6b7280);
+  letter-spacing: 0.02em;
+  border-bottom: 1px solid var(--surface-border, #dfe7ef);
+  white-space: nowrap;
+}
+.solid-api-keys-td {
+  padding: 12px 12px;
+  font-size: 13px;
+  color: var(--text-color, #4b5563);
+  border-bottom: 1px solid var(--surface-border, #dfe7ef);
+  vertical-align: middle;
+}
+.solid-api-keys-row--expired td {
+  opacity: 0.6;
+}
+.solid-api-keys-row--expired:hover td {
+  background: var(--surface-hover, #f6f9fc);
+}
+tbody tr:hover .solid-api-keys-td {
+  background: var(--surface-hover, #f6f9fc);
+}
+tbody tr:last-child .solid-api-keys-td {
+  border-bottom: none;
+}

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./ApiKeysTab.css";
 interface ApiKeysTabProps {
     userId: string;
     canCreate?: boolean;

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ApiKeysTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/ApiKeysTab.tsx"],"names":[],"mappings":"~~AAsJA~~,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAiB,EAAE,EAAE,eAAe,~~2CA0FxE~~"}
1	+ {"version":3,"file":"ApiKeysTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/ApiKeysTab.tsx"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAC;AA4J1B,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAiB,EAAE,EAAE,eAAe,2CA2FxE"}

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.js CHANGED Viewed

@@ -38,6 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from "react";
 import { useDispatch } from "react-redux";
 import { KeyRound, Plus } from "lucide-react";
+import "./ApiKeysTab.css";
 import { SolidButton, SolidSpinner, SolidSwitch, SolidTag } from "../../../shad-cn-ui";
 import { showToast } from "../../../../redux/features/toastSlice";
 import { useGetUserApiKeysQuery, useUpdateApiKeyMutation, } from "../../../../redux/api/apiKeyApi";
@@ -67,7 +68,7 @@ function ApiKeysTable(_a) {
     if (keys.length === 0) {
         return (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center gap-3 py-6", style: { color: "var(--solid-text-secondary, #888)" }, children: [_jsx(KeyRound, { size: 32, strokeWidth: 1.5 }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "m-0", style: { fontSize: 14, fontWeight: 500 }, children: "No API keys" }), _jsx("p", { className: "m-0 mt-1", style: { fontSize: 12 }, children: "Generate a key to enable programmatic access." })] })] }));
     }
-    return (_jsx("div", { style: { overflowX: "auto" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "solid-api-keys-th", children: "Name" }), _jsx("th", { className: "solid-api-keys-th", children: "Key" }), _jsx("th", { className: "solid-api-keys-th", children: "Status" }), _jsx("th", { className: "solid-api-keys-th", children: "Expires" }), _jsx("th", { className: "solid-api-keys-th", children: "Last Used" }), _jsx("th", { className: "solid-api-keys-th", children: "Active" })] }) }), _jsx("tbody", { children: keys.map(function (key) {
+    return (_jsx("div", { style: { overflowX: "auto" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "22%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "16%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "12%" } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "solid-api-keys-th", children: "Name" }), _jsx("th", { className: "solid-api-keys-th", children: "Key" }), _jsx("th", { className: "solid-api-keys-th", children: "Status" }), _jsx("th", { className: "solid-api-keys-th", children: "Expires" }), _jsx("th", { className: "solid-api-keys-th", children: "Last Used" }), _jsx("th", { className: "solid-api-keys-th", style: { textAlign: "right" }, children: "Active" })] }) }), _jsx("tbody", { children: keys.map(function (key) {
                         var expiryStatus = getExpiryStatus(key.expiresAt);
                         var isExpired = expiryStatus === "expired";
                         return (_jsxs("tr", { className: isExpired ? "solid-api-keys-row--expired" : undefined, children: [_jsx("td", { className: "solid-api-keys-td", children: _jsx("span", { style: { fontWeight: 500 }, children: key.name }) }), _jsx("td", { className: "solid-api-keys-td", children: _jsx("code", { style: {
@@ -82,7 +83,7 @@ function ApiKeysTable(_a) {
                                             : expiryStatus === "expiring-soon"
                                                 ? "var(--solid-warn-color, #f59e0b)"
                                                 : undefined,
-                                    }, children: expiryStatus === "never" ? (_jsx("span", { style: { color: "var(--solid-text-secondary, #888)" }, children: "Never" })) : (formatDate(key.expiresAt)) }), _jsx("td", { className: "solid-api-keys-td", style: { color: "var(--solid-text-secondary, #888)" }, children: formatDate(key.lastUsedAt) }), _jsx("td", { className: "solid-api-keys-td", children: isTogglingId === key.id ? (_jsx(SolidSpinner, {})) : (_jsx(SolidSwitch, { checked: key.isActive, disabled: isExpired, onChange: function () { return onToggleActive(key); } })) })] }, key.id));
+                                    }, children: expiryStatus === "never" ? (_jsx("span", { style: { color: "var(--solid-text-secondary, #888)" }, children: "Never" })) : (formatDate(key.expiresAt)) }), _jsx("td", { className: "solid-api-keys-td", style: { color: "var(--solid-text-secondary, #888)" }, children: formatDate(key.lastUsedAt) }), _jsx("td", { className: "solid-api-keys-td", style: { textAlign: "right" }, children: isTogglingId === key.id ? (_jsx(SolidSpinner, {})) : (_jsx(SolidSwitch, { checked: key.isActive, disabled: isExpired, onChange: function () { return onToggleActive(key); } })) })] }, key.id));
                     }) })] }) }));
 }
 export function ApiKeysTab(_a) {
@@ -130,7 +131,7 @@ export function ApiKeysTab(_a) {
             }
         });
     }); };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-api-keys-tab", children: [_jsxs("div", { className: "flex align-items-center justify-content-between mb-4", children: [_jsxs("div", { children: [_jsx("p", { className: "m-0", style: { fontWeight: 600, fontSize: 14 }, children: "API Keys" }), _jsx("p", { className: "m-0 mt-1", style: { fontSize: 12, color: "var(--solid-text-secondary, #888)" }, children: "Keys grant programmatic access. Store them securely \u2014 they are shown only once." })] }), canCreate && (_jsxs(SolidButton, { size: "small", type: "button", onClick: function () { return setShowGenerate(true); }, children: [_jsx(Plus, { size: 14 }), "Generate Key"] }))] }), isLoading ? (_jsx("div", { className: "flex justify-content-center py-5", children: _jsx(SolidSpinner, {}) })) : isError && keys.length === 0 ? (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center gap-2 py-5", style: { color: "var(--solid-text-secondary, #888)", fontSize: 13 }, children: [_jsx("p", { className: "m-0", children: "Something went wrong while loading API keys." }), _jsx("p", { className: "m-0", children: "Please refresh the page and try again." })] })) : (_jsx(ApiKeysTable, { keys: keys, onToggleActive: handleToggle, isTogglingId: togglingId }))] }), _jsx(GenerateApiKeyModal, { open: showGenerate, onClose: function () { return setShowGenerate(false); }, onCreated: function (apiKey, keyName) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-api-keys-tab", children: [_jsxs("div", { className: "flex align-items-center justify-content-between mb-4", children: [_jsxs("div", { children: [_jsx("p", { className: "m-0", style: { fontWeight: 600, fontSize: 14 }, children: "API Keys" }), _jsx("p", { className: "m-0 mt-1", style: { fontSize: 12, color: "var(--solid-text-secondary, #888)" }, children: "Keys grant programmatic access. Store them securely \u2014 they are shown only once." })] }), canCreate && (_jsxs(SolidButton, { size: "small", type: "button", onClick: function () { return setShowGenerate(true); }, children: [_jsx(Plus, { size: 14 }), "Generate Key"] }))] }), isLoading ? (_jsx("div", { className: "flex justify-content-center py-5", children: _jsx(SolidSpinner, {}) })) : isError && keys.length === 0 ? (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center gap-2 py-5", style: { color: "var(--solid-text-secondary, #888)", fontSize: 13 }, children: [_jsx("p", { className: "m-0", children: "Something went wrong while loading API keys." }), _jsx("p", { className: "m-0", children: "Please refresh the page and try again." })] })) : (_jsx(ApiKeysTable, { keys: keys, onToggleActive: handleToggle, isTogglingId: togglingId }))] }), _jsx(GenerateApiKeyModal, { open: showGenerate, userId: Number(userId), onClose: function () { return setShowGenerate(false); }, onCreated: function (apiKey, keyName) {
                     setShowGenerate(false);
                     setRevealKey({ apiKey: apiKey, keyName: keyName });
                 } }), revealKey && (_jsx(RevealApiKeyModal, { open: true, apiKey: revealKey.apiKey, keyName: revealKey.keyName, onClose: function () { return setRevealKey(null); } }))] }));