@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.6

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

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

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

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

package/dist/components/core/model/FieldMetaDataForm.d.ts

@@ -1,3 +1,3 @@
-declare const FieldMetaDataForm: ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, allFields, deleteModelFunction, setVisiblePopup, params, setIsRequiredPopUp, showToaster }: any) => import("react/jsx-runtime").JSX.Element;
+declare const FieldMetaDataForm: ({ setIsDirty, modelMetaData, fieldMetaData, setFieldMetaData, allFields, deleteModelFunction, setVisiblePopup, params, setIsRequiredPopUp, showToaster, onDraftSubmit, onClose, availableFieldTypes, forceShowTypeSelector, selectorRequireContinue, selectorContinueLabel, selectorInitialFieldType, disableIdentityEditingForExisting, submitLabel, }: any) => import("react/jsx-runtime").JSX.Element;
 export default FieldMetaDataForm;
 //# sourceMappingURL=FieldMetaDataForm.d.ts.map

package/dist/components/core/model/FieldMetaDataForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMetaDataForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaDataForm.tsx"],"names":[],"mappings":"AAs2BA,QAAA,MAAM,iBAAiB,6JAA8J,GAAG,4CA8kFvL,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FieldMetaDataForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/FieldMetaDataForm.tsx"],"names":[],"mappings":"AAs2BA,QAAA,MAAM,iBAAiB,4VAoBpB,GAAG,4CAqmFL,CAAC;AAGF,eAAe,iBAAiB,CAAC"}