npm - @solidxai/core-ui - Versions diffs - 0.1.7-beta.3 → 0.1.7-beta.5 - Mend

@solidxai/core-ui 0.1.7-beta.3 → 0.1.7-beta.5

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 (234) hide show

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

@@ -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 ADDED Viewed

@@ -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 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 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 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,~~CA0F9C~~,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,CA2G9C,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;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     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,7 @@ var SolidChatterLocaleTabView = function (_a) {
         order.push('audit');
         return order;
     }, [showWorkflowInfo]);
-    var _j = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _j[0], setActiveTabValue = _j[1];
+    var _m = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _m[0], setActiveTabValue = _m[1];
     useEffect(function () {
         var nextValue = mapTabIndexToValue(activeTab, tabOrder);
         setActiveTabValue(function (prev) { return (prev === nextValue ? prev : nextValue); });
@@ -50,10 +50,13 @@ var SolidChatterLocaleTabView = function (_a) {
         {
             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 }) }))
+            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' }) }))
         }
     ], false);
-    return (_jsx("div", { style: { marginLeft: "10px", backgroundColor: "#fff" }, 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: 'center' }) }));
+    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", 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"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~~GAC9B~~,GACE,CACP;SACF;aACF,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,~~EAAC~~,~~UAAU~~,~~EAAC~~,~~MAAM~~,~~EAAC~~,~~eAAe~~,EAAC,~~MAAM~~,EAAC,~~YAEtD~~,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,~~QAAQ~~,GAClB,~~GACI~~,~~CACT~~,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 />\n </div>\n )\n }\n ];\n\n return (\n <div ~~style={{marginLeft:\~~"~~10px~~\"~~,backgroundColor:\~~"~~#fff~~\"}}>\n\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='~~center~~'\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\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"]}

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

@@ -101,25 +101,42 @@ const SolidChatterLocaleTabView: React.FC<Props> = ({
             refreshChatterMessage={refreshChatterMessage}
             setRefreshChatterMessage={setRefreshChatterMessage}
             actionsAllowed={actionsAllowed}
+            title={showWorkflowInfo ? undefined : 'Audit Trail'}
           />
         </div>
       )
     }
   ];
-  return (
-    <div style={{marginLeft:"10px",backgroundColor:"#fff"}}>
+  if (!showWorkflowInfo) {
+    return (
+      <div className="solid-locale-panel solid-locale-panel--single">
+        <div className="solid-locale-tab-content">
+          <SolidChatter
+            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}
+            id={id}
+            refreshChatterMessage={refreshChatterMessage}
+            setRefreshChatterMessage={setRefreshChatterMessage}
+            actionsAllowed={actionsAllowed}
+            title="Audit Trail"
+          />
+        </div>
+      </div>
+    );
+  }
-    <SolidTabGroup
-      className="solid-locale-tabs h-full"
-      listClassName="solid-locale-tabs-list"
-      panelClassName="solid-locale-tabs-panel"
-      tabs={tabs}
-      value={activeTabValue}
-      onValueChange={setActiveTabValue}
-      tabPosition='center'
+  return (
+    <div className="solid-locale-panel">
+      <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'
       />
-      </div>
+    </div>
   );
 };

package/dist/components/core/locales/SolidLocale.js CHANGED Viewed

@@ -49,10 +49,10 @@ var SolidLocale = function (_a) {
         var minutes = String(date.getMinutes()).padStart(2, '0');
         return "".concat(day, "-").concat(month, "-").concat(year, " ").concat(hours, ":").concat(minutes);
     };
-    return (_jsxs("div", { className: "flex flex-column p-0 m-0", children: [_jsx("div", { className: "flex justify-content-end gap-3" }), solidFormViewData && (viewMode === 'edit') &&
-                (_jsx("div", { className: "w-full", style: { backgroundColor: 'var(--surface-ground)', margin: '10px 0', padding: 0, overflow: 'hidden' }, children: ((_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) &&
-                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc", style: { padding: '10px 0px', margin: '0 20px', color: '#15803D' }, children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc", style: { padding: '10px 0px', margin: '0 20px', color: '#EF4444' }, children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-column gap-2 mt-2", style: { backgroundColor: 'var(--surface-ground)', padding: '0.5rem' }, children: [_jsx("h3", { className: "text-lg font-semibold p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2', children: [_jsx("p", { className: "text-sm font-bold text-gray-500 m-0", children: "Created At" }), _jsx("p", { className: "text-sm m-0", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2', children: [_jsx("p", { className: "text-sm font-bold text-gray-500 m-0", children: "Updated At" }), _jsx("p", { className: "text-sm m-0", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2', children: [_jsx("p", { className: "text-sm font-bold text-gray-500 m-0", children: "Published At" }), _jsx("p", { className: "text-sm m-0", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_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.internationalisation) &&
-                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "text-lg font-semibold mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), viewMode === 'view' || createMode && (_jsxs("p", { className: "text-sm text-gray-700 mt-0 ml-0", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
+    return (_jsxs("div", { className: "flex flex-column p-0 m-0 solid-locale-stack", children: [_jsx("div", { className: "flex justify-content-end gap-3" }), solidFormViewData && (viewMode === 'edit') &&
+                (_jsx("div", { className: "w-full solid-locale-status-banner ".concat(published !== null ? 'is-published' : 'is-unpublished'), children: ((_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.draftPublishWorkflow) &&
+                        published !== null ? (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "published version" })] })) : (_jsxs("li", { className: "w-full text-left list-disc solid-locale-status-copy", children: ["Editing ", _jsx("span", { className: "font-bold", children: "unpublished version" })] })) })), _jsxs("div", { className: "flex flex-column gap-2 mt-2 solid-locale-info-card", children: [_jsx("h3", { className: "solid-locale-section-title p-0 m-0", children: "Information" }), _jsx(SolidDivider, { className: "my-2" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Created At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_d = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _d === void 0 ? void 0 : _d.createdAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Updated At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime((_e = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _e === void 0 ? void 0 : _e.updatedAt) })] }), _jsxs("div", { className: 'flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row', children: [_jsx("p", { className: "text-sm font-bold m-0 solid-locale-info-label", children: "Published At" }), _jsx("p", { className: "text-sm m-0 solid-locale-info-value", children: formatToDDMMYYWithTime(published !== null && published !== void 0 ? published : '') })] })] }), ((_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.internationalisation) &&
+                        _jsxs(_Fragment, { children: [_jsx("h3", { className: "solid-locale-section-title mt-6 mb-2", children: "Internationalisation" }), _jsx("label", { className: "form-field-label", children: "Locales" }), _jsx(SolidSelect, { value: selectedLocale, onChange: function (e) { return handleLocaleChange(e.value); }, options: localeOptions, placeholder: "Select locale", className: "w-full", disabled: createMode }), (viewMode === 'view' || createMode) && (_jsxs("p", { className: "text-sm mt-0 ml-0 solid-locale-helper-copy", children: [" By default record will be created in ", _jsx("b", { children: defautlLocale })] }))] })] })] }));
 };
 export default SolidLocale;
 //# sourceMappingURL=SolidLocale.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string \| null, solidFormViewData: any, published: string \| null }) => {\n const [localeOptions, setLocaleOptions] = useState([]);\n const [defautlLocale, setDefaultLocale] = useState('');\n useEffect(() => {\n if (!applicableLocales) return;\n // Set dropdown options\n const localeOptions = applicableLocales.map((x: any) => ({\n label: x.displayName,\n value: x.locale,\n }));\n setLocaleOptions(localeOptions);\n\n if (createMode) {\n const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n setSelectedLocale(defaultLocale?.locale \|\| null);\n setDefaultLocale(defaultLocale?.displayName \|\| '');\n return;\n }\n\n if (viewMode === 'edit' \|\| viewMode === 'view') {\n //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n const matchedLocale = applicableLocales.find(\n (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n );\n if (matchedLocale) {\n setSelectedLocale(matchedLocale.locale);\n }\n }\n }, [applicableLocales, id, viewMode, createMode]);\n\n const handleLocaleChange = (newLocale: string) => {\n if (newLocale === selectedLocale) return;\n setSelectedLocale(newLocale);\n const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId \|\| id;\n handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n };\n\n // utils/formatDate.ts\n const formatToDDMMYYWithTime = (dateString: string) => {\n if (!dateString) return 'N/A';\n const date = new Date(dateString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = String(date.getFullYear()).slice(-2);\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}-${month}-${year} ${hours}:${minutes}`;\n }\n\n\n return (\n <div className=\"flex flex-column p-0 m-0\">\n <div className=\"flex justify-content-end gap-3\">\n </div>\n {solidFormViewData && (viewMode === 'edit') &&\n (<div className=\"w-full\" style={{ backgroundColor: 'var(--surface-ground)', margin: '10px 0', padding: 0, overflow:'hidden' }}>\n {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n published !== null ? (\n <li className=\"w-full text-left list-disc\" style={{ padding: '10px 0px',margin: '0 20px', color: '#15803D' }}>\n Editing <span className=\"font-bold\">published version</span>\n </li>\n ) : (\n <li className=\"w-full text-left list-disc\" style={{ padding: '10px 0px',margin: '0 20px', color: '#EF4444' }}>\n Editing <span className=\"font-bold\">unpublished version</span>\n </li>\n )}\n </div>\n )\n }\n <div className=\"flex flex-column gap-2 mt-2\" style={{ backgroundColor: 'var(--surface-ground)', padding: '0.5rem' }}>\n <h3 className=\"text-lg font-semibold p-0 m-0\">Information</h3>\n <SolidDivider className=\"my-2\" />\n <div className=\"space-y-2\">\n <div className='flex align-items-center justify-content-between gap-2 p-2'>\n <p className=\"text-sm font-bold text-gray-500 m-0\">Created At</p>\n <p className=\"text-sm m-0\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n </div>\n <div className='flex align-items-center justify-content-between gap-2 p-2'>\n <p className=\"text-sm font-bold text-gray-500 m-0\">Updated At</p>\n <p className=\"text-sm m-0\">\n {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n </p>\n </div>\n <div className='flex align-items-center justify-content-between gap-2 p-2'>\n <p className=\"text-sm font-bold text-gray-500 m-0\">Published At</p>\n <p className=\"text-sm m-0\">{formatToDDMMYYWithTime(published ?? '')}</p>\n </div>\n </div>\n\n {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n <>\n <h3 className=\"text-lg font-semibold mt-6 mb-2\">Internationalisation</h3>\n <label className=\"form-field-label\">Locales</label>\n <SolidSelect\n value={selectedLocale}\n onChange={(e) => handleLocaleChange(e.value)}\n options={localeOptions}\n placeholder=\"Select locale\"\n className=\"w-full\"\n disabled={createMode}\n />\n {viewMode === 'view' \|\| createMode && (\n <p className=\"text-sm text-gray-700 mt-0 ml-0\"> By default record will be created in <b>{defautlLocale}</b></p>\n )}\n </>\n }\n </div>\n {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n </div>\n );\n};\n\nexport default SolidLocale;\n"]}
1	+ {"version":3,"file":"SolidLocale.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidLocale.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useEffect, useState } from 'react';\nimport { SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport \"./solid-locale.css\";\nconst SolidLocale = ({ solidFormViewMetaData, id, selectedLocale, setSelectedLocale, viewMode, createMode, handleLocaleChangeRedirect,\n applicableLocales, defaultEntityLocaleId, solidFormViewData, published }: { solidFormViewMetaData: any, id: string, selectedLocale: any, setSelectedLocale: any, viewMode: string, createMode: boolean, handleLocaleChangeRedirect: any, applicableLocales: any, defaultEntityLocaleId: string \| null, solidFormViewData: any, published: string \| null }) => {\n const [localeOptions, setLocaleOptions] = useState([]);\n const [defautlLocale, setDefaultLocale] = useState('');\n useEffect(() => {\n if (!applicableLocales) return;\n // Set dropdown options\n const localeOptions = applicableLocales.map((x: any) => ({\n label: x.displayName,\n value: x.locale,\n }));\n setLocaleOptions(localeOptions);\n\n if (createMode) {\n const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');\n setSelectedLocale(defaultLocale?.locale \|\| null);\n setDefaultLocale(defaultLocale?.displayName \|\| '');\n return;\n }\n\n if (viewMode === 'edit' \|\| viewMode === 'view') {\n //This is to check record entity matched defaultEntityLocaleId from query params & isDefault for default locale\n const matchedLocale = applicableLocales.find(\n (x: any) => x.isDefault === 'yes' && x.defaultEntityLocaleId == id\n );\n if (matchedLocale) {\n setSelectedLocale(matchedLocale.locale);\n }\n }\n }, [applicableLocales, id, viewMode, createMode]);\n\n const handleLocaleChange = (newLocale: string) => {\n if (newLocale === selectedLocale) return;\n setSelectedLocale(newLocale);\n const targetDefaultEntityLocaleId = id === 'new' ? defaultEntityLocaleId : defaultEntityLocaleId \|\| id;\n handleLocaleChangeRedirect(newLocale, targetDefaultEntityLocaleId, viewMode);\n };\n\n // utils/formatDate.ts\n const formatToDDMMYYWithTime = (dateString: string) => {\n if (!dateString) return 'N/A';\n const date = new Date(dateString);\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = String(date.getFullYear()).slice(-2);\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}-${month}-${year} ${hours}:${minutes}`;\n }\n\n\n return (\n <div className=\"flex flex-column p-0 m-0 solid-locale-stack\">\n <div className=\"flex justify-content-end gap-3\">\n </div>\n {solidFormViewData && (viewMode === 'edit') &&\n (<div className={`w-full solid-locale-status-banner ${published !== null ? 'is-published' : 'is-unpublished'}`}>\n {solidFormViewMetaData.data.solidView?.model?.draftPublishWorkflow &&\n published !== null ? (\n <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n Editing <span className=\"font-bold\">published version</span>\n </li>\n ) : (\n <li className=\"w-full text-left list-disc solid-locale-status-copy\">\n Editing <span className=\"font-bold\">unpublished version</span>\n </li>\n )}\n </div>\n )\n }\n <div className=\"flex flex-column gap-2 mt-2 solid-locale-info-card\">\n <h3 className=\"solid-locale-section-title p-0 m-0\">Information</h3>\n <SolidDivider className=\"my-2\" />\n <div className=\"space-y-2\">\n <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Created At</p>\n <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(solidFormViewData?.data?.createdAt)}</p>\n </div>\n <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Updated At</p>\n <p className=\"text-sm m-0 solid-locale-info-value\">\n {formatToDDMMYYWithTime(solidFormViewData?.data?.updatedAt)}\n </p>\n </div>\n <div className='flex align-items-center justify-content-between gap-2 p-2 solid-locale-info-row'>\n <p className=\"text-sm font-bold m-0 solid-locale-info-label\">Published At</p>\n <p className=\"text-sm m-0 solid-locale-info-value\">{formatToDDMMYYWithTime(published ?? '')}</p>\n </div>\n </div>\n\n {solidFormViewMetaData?.data?.solidView?.model?.internationalisation &&\n <>\n <h3 className=\"solid-locale-section-title mt-6 mb-2\">Internationalisation</h3>\n <label className=\"form-field-label\">Locales</label>\n <SolidSelect\n value={selectedLocale}\n onChange={(e) => handleLocaleChange(e.value)}\n options={localeOptions}\n placeholder=\"Select locale\"\n className=\"w-full\"\n disabled={createMode}\n />\n {(viewMode === 'view' \|\| createMode) && (\n <p className=\"text-sm mt-0 ml-0 solid-locale-helper-copy\"> By default record will be created in <b>{defautlLocale}</b></p>\n )}\n </>\n }\n </div>\n {/* <p className=\"text-sm font-bold text-gray-500 px-2\">Fill in form another locale</p> */}\n </div>\n );\n};\n\nexport default SolidLocale;\n"]}