@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

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

@@ -0,0 +1,60 @@
+import { useEffect, useState } from "react";
+import { CircleAlert } from "lucide-react";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { listAgentHubProcesses } from "../../solid-agent/processes/agentHubProcessApi";
+
+type RuntimeProcess = { id: string; restartNeeded?: boolean };
+
+export function AgentProcessNeedsRestartListWidget({ rowData }: SolidListFieldWidgetProps) {
+  const [restartNeeded, setRestartNeeded] = useState<boolean | null>(null);
+  const [managerError, setManagerError] = useState<string | null>(null);
+  const processId = String(rowData?.processId ?? "");
+  const isReady = String(rowData?.status ?? "").toLowerCase() === "ready";
+
+  useEffect(() => {
+    if (!isReady) {
+      setRestartNeeded(false);
+      setManagerError(null);
+      return;
+    }
+    let alive = true;
+    const load = () => {
+      void listAgentHubProcesses(true).then((processes) => {
+        if (!alive) return;
+        const process = processes.find((item: RuntimeProcess) => String(item.id) === processId);
+        setRestartNeeded(process?.restartNeeded === true);
+        setManagerError(null);
+      }).catch((error: any) => {
+        if (!alive) return;
+        setRestartNeeded(null);
+        setManagerError(error?.response?.status === 403 ? "Manager access denied" : "Manager unavailable");
+      });
+    };
+    load();
+    const refreshTimer = window.setInterval(load, 15000);
+    window.addEventListener("agent-process-manager-updated", load);
+    return () => {
+      alive = false;
+      window.clearInterval(refreshTimer);
+      window.removeEventListener("agent-process-manager-updated", load);
+    };
+  }, [isReady, processId]);
+
+  return (
+    <div className="flex min-w-0 flex-col items-start gap-1" style={{ maxWidth: "28ch" }}>
+      <span title={processId} style={{ maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{processId || "—"}</span>
+      {isReady && restartNeeded && (
+        <span title="This process is running an older agent configuration." style={{
+          display: "inline-flex", alignItems: "center", gap: ".25rem", borderRadius: 999,
+          padding: ".12rem .45rem", color: "#92400e", background: "#fef3c7",
+          fontSize: ".7rem", fontWeight: 600, lineHeight: 1.3,
+        }}>
+          <CircleAlert size={12} /> Needs Restart
+        </span>
+      )}
+      {managerError && <span title="Check the AgentHub manager URL and its configured administrator roles." style={{
+        color: "var(--muted-foreground)", fontSize: ".7rem", lineHeight: 1.3,
+      }}>{managerError}</span>}
+    </div>
+  );
+}

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

@@ -0,0 +1,4 @@
+import type { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export declare function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidIconNameListViewWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIconNameListViewWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidIconNameListViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAG9E,8EAA8E;AAC9E,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,yBAAyB,2CA2BxG"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidMaterialSymbol } from "../../../common/SolidMaterialSymbol";
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export function SolidIconNameListViewWidget(_a) {
+    var _b, _c;
+    var rowData = _a.rowData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var fieldName = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) !== null && _b !== void 0 ? _b : (_c = column === null || column === void 0 ? void 0 : column.attrs) === null || _c === void 0 ? void 0 : _c.name;
+    var iconName = fieldName ? rowData === null || rowData === void 0 ? void 0 : rowData[fieldName] : undefined;
+    if (typeof iconName !== "string" || !iconName.trim())
+        return _jsx("span", {});
+    var normalizedName = iconName.trim();
+    return (_jsx("span", { role: "img", "aria-label": normalizedName.replace(/_/g, " "), title: normalizedName.replace(/_/g, " "), style: {
+            display: "inline-flex",
+            width: 36,
+            height: 36,
+            alignItems: "center",
+            justifyContent: "center",
+            border: "1px solid var(--surface-border, var(--border, #3f3f46))",
+            borderRadius: 10,
+            color: "var(--text-color-secondary, var(--muted-foreground, currentColor))",
+            verticalAlign: "middle",
+        }, children: _jsx(SolidMaterialSymbol, { name: normalizedName, size: 20, "aria-hidden": "true" }) }));
+}
+//# sourceMappingURL=SolidIconNameListViewWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIconNameListViewWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidIconNameListViewWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,8EAA8E;AAC9E,MAAM,UAAU,2BAA2B,CAAC,EAA6D;;QAA3D,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC1E,IAAM,SAAS,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,mCAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAC;IAC7D,IAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,gBAAQ,CAAC;IAEtE,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvC,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAC7C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EACxC,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,yDAAyD;YACjE,YAAY,EAAE,EAAE;YAChB,KAAK,EAAE,oEAAoE;YAC3E,aAAa,EAAE,QAAQ;SACxB,YAED,KAAC,mBAAmB,IAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,GACrE,CACR,CAAC;AACJ,CAAC","sourcesContent":["import type { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidMaterialSymbol } from \"../../../common/SolidMaterialSymbol\";\n\n/** Read-only list-cell renderer for fields storing a Material Symbol name. */\nexport function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps) {\n  const fieldName = fieldMetadata?.name ?? column?.attrs?.name;\n  const iconName = fieldName ? rowData?.[fieldName] : undefined;\n\n  if (typeof iconName !== \"string\" || !iconName.trim()) return <span />;\n\n  const normalizedName = iconName.trim();\n  return (\n    <span\n      role=\"img\"\n      aria-label={normalizedName.replace(/_/g, \" \")}\n      title={normalizedName.replace(/_/g, \" \")}\n      style={{\n        display: \"inline-flex\",\n        width: 36,\n        height: 36,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        border: \"1px solid var(--surface-border, var(--border, #3f3f46))\",\n        borderRadius: 10,\n        color: \"var(--text-color-secondary, var(--muted-foreground, currentColor))\",\n        verticalAlign: \"middle\",\n      }}\n    >\n      <SolidMaterialSymbol name={normalizedName} size={20} aria-hidden=\"true\" />\n    </span>\n  );\n}\n"]}

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

@@ -0,0 +1,32 @@
+import type { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { SolidMaterialSymbol } from "../../../common/SolidMaterialSymbol";
+
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps) {
+  const fieldName = fieldMetadata?.name ?? column?.attrs?.name;
+  const iconName = fieldName ? rowData?.[fieldName] : undefined;
+
+  if (typeof iconName !== "string" || !iconName.trim()) return <span />;
+
+  const normalizedName = iconName.trim();
+  return (
+    <span
+      role="img"
+      aria-label={normalizedName.replace(/_/g, " ")}
+      title={normalizedName.replace(/_/g, " ")}
+      style={{
+        display: "inline-flex",
+        width: 36,
+        height: 36,
+        alignItems: "center",
+        justifyContent: "center",
+        border: "1px solid var(--surface-border, var(--border, #3f3f46))",
+        borderRadius: 10,
+        color: "var(--text-color-secondary, var(--muted-foreground, currentColor))",
+        verticalAlign: "middle",
+      }}
+    >
+      <SolidMaterialSymbol name={normalizedName} size={20} aria-hidden="true" />
+    </span>
+  );
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ModelListViewData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AASD,eAAO,MAAM,iBAAiB,+CAoT7B,CAAC"}
+{"version":3,"file":"ModelListViewData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AASD,eAAO,MAAM,iBAAiB,+CAyQ7B,CAAC"}

package/dist/components/core/model/ModelListViewData.js

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CreateButton } from "../../../components/common/CreateButton";
-import { useDeleteMultipleModelsMutation, useGenerateCodeForModelMutation, useLazyGetModelsQuery, } from "../../../redux/api/modelApi";
+import { useGenerateCodeForModelMutation, useLazyGetModelsQuery } from "../../../redux/api/modelApi";
 import Link from "../../common/Link";
 import qs from "qs";
 import { useEffect, useState } from "react";
@@ -68,14 +68,11 @@ export var ModelListViewData = function () {
     var _h = useState(0), totalRecords = _h[0], setTotalRecords = _h[1];
     var _j = useState(""), sortField = _j[0], setSortField = _j[1];
     var _k = useState(0), sortOrder = _k[0], setSortOrder = _k[1];
-    var _l = useState([]), selectedMenus = _l[0], setSelectedMenus = _l[1];
-    var _m = useState(true), loading = _m[0], setLoading = _m[1];
-    var _o = useState(false), isDialogVisible = _o[0], setDialogVisible = _o[1];
-    var _p = useState(false), isGenerateCodeVisible = _p[0], setGenerateCodeVisible = _p[1];
-    var _q = useState(null), generateCodeForModel = _q[0], setGenerateCodeForModel = _q[1];
-    var _r = useLazyGetModelsQuery(), triggerGetModels = _r[0], _s = _r[1], model = _s.data, isLoading = _s.isLoading;
+    var _l = useState(true), loading = _l[0], setLoading = _l[1];
+    var _m = useState(false), isGenerateCodeVisible = _m[0], setGenerateCodeVisible = _m[1];
+    var _o = useState(null), generateCodeForModel = _o[0], setGenerateCodeForModel = _o[1];
+    var _p = useLazyGetModelsQuery(), triggerGetModels = _p[0], _q = _p[1], model = _q.data, isLoading = _q.isLoading;
     var generateCode = useGenerateCodeForModelMutation()[0];
-    var deleteManyModel = useDeleteMultipleModelsMutation()[0];
     useEffect(function () {
         var _a, _b, _c;
         if (model) {
@@ -92,7 +89,6 @@ export var ModelListViewData = function () {
         };
         var queryString = qs.stringify(queryData, { encodeValuesOnly: true });
         triggerGetModels(queryString);
-        setSelectedMenus([]);
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var onPageChange = function (event) {
         setFirst(event.first);
@@ -183,16 +179,6 @@ export var ModelListViewData = function () {
         setFirst(0);
         setQueryString(0, rows, sortField, sortOrder, defaults);
     };
-    var deleteBulk = function () {
-        var deleteList = selectedMenus.map(function (element) { return element.id; });
-        deleteManyModel(deleteList);
-        setDialogVisible(false);
-        setSelectedMenus([]);
-    };
-    var onDeleteClose = function () {
-        setDialogVisible(false);
-        setSelectedMenus([]);
-    };
     var handleGenerateCode = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -218,10 +204,7 @@ export var ModelListViewData = function () {
                 setGenerateCodeVisible(true);
             }, children: _jsx(SolidIcon, { name: "si-cog", style: { fontSize: "1rem" }, "aria-hidden": true }) }));
     };
-    return (_jsxs("div", { className: "solid-model-list w-full", children: [_jsxs("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedMenus.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "flex flex-col md:flex-row items-start gap-4 mb-4", children: [_jsx(SolidInput, { value: (_a = pendingFilters.displayName.value) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFilterInputChange("displayName", event.currentTarget.value); }, placeholder: "Search by model name", className: "w-full md:w-20rem" }), _jsx(SolidInput, { value: (_b = pendingFilters["module.displayName"].value) !== null && _b !== void 0 ? _b : "", onChange: function (event) { return handleFilterInputChange("module.displayName", event.currentTarget.value); }, placeholder: "Search by module", className: "w-full md:w-20rem" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: modelMetadata, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No Models found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedMenus, onSelectionChange: function (_a) {
-                    var value = _a.value;
-                    return setSelectedMenus(value);
-                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "Id", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "displayName", header: "Display Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "module.displayName", header: "Module Name", className: "text-sm", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { header: "Edit", body: detailsBodyTemplate }), _jsx(Column, { header: "Code", body: generateCodeBodyTemplate })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Models?" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: onDeleteClose })] })] }), _jsxs(SolidDialog, { visible: isGenerateCodeVisible, header: "Generate Code", modal: true, className: "solid-confirm-dialog", onHide: function () {
+    return (_jsxs("div", { className: "solid-model-list w-full", children: [_jsx("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: _jsx(CreateButton, {}) }), _jsxs("div", { className: "flex flex-col md:flex-row items-start gap-4 mb-4", children: [_jsx(SolidInput, { value: (_a = pendingFilters.displayName.value) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFilterInputChange("displayName", event.currentTarget.value); }, placeholder: "Search by model name", className: "w-full md:w-20rem" }), _jsx(SolidInput, { value: (_b = pendingFilters["module.displayName"].value) !== null && _b !== void 0 ? _b : "", onChange: function (event) { return handleFilterInputChange("module.displayName", event.currentTarget.value); }, placeholder: "Search by module", className: "w-full md:w-20rem" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: modelMetadata, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No Models found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, children: [_jsx(Column, { field: "id", header: "Id", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "displayName", header: "Display Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "module.displayName", header: "Module Name", className: "text-sm", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { header: "Edit", body: detailsBodyTemplate }), _jsx(Column, { header: "Code", body: generateCodeBodyTemplate })] }), _jsxs(SolidDialog, { visible: isGenerateCodeVisible, header: "Generate Code", modal: true, className: "solid-confirm-dialog", onHide: function () {
                     setGenerateCodeVisible(false);
                     setGenerateCodeForModel(null);
                 }, children: [_jsx("p", { className: "text-center", children: "Proceed with model code generation? Existing files will be overwritten." }), _jsx("p", { children: "Below is the list of files that will be created:" }), _jsxs("ul", { children: [_jsx("li", { children: "Model Entity File" }), _jsx("li", { children: "Model Controller File" }), _jsx("li", { children: "Model Service File" }), _jsx("li", { children: "Model Create and Update DTO files" })] }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: handleGenerateCode }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setGenerateCodeVisible(false); } })] })] })] }));

package/dist/components/core/model/ModelListViewData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelListViewData.js","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CreateButton } from \"../../../components/common/CreateButton\";\nimport {\n  useDeleteMultipleModelsMutation,\n  useGenerateCodeForModelMutation,\n  useLazyGetModelsQuery,\n} from \"../../../redux/api/modelApi\";\nimport Link from \"../../common/Link\";\nimport qs from \"qs\";\nimport { useEffect, useState } from \"react\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\n\nexport interface ModelMetaData {\n  id: string;\n  displayName: string;\n  module: string;\n  isSystem: boolean;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  displayName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  \"module.displayName\": { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const ModelListViewData = () => {\n  const [modelMetadata, setModelMetadata] = useState<ModelMetaData[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [selectedMenus, setSelectedMenus] = useState<ModelMetaData[]>([]);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isDialogVisible, setDialogVisible] = useState(false);\n  const [isGenerateCodeVisible, setGenerateCodeVisible] = useState(false);\n  const [generateCodeForModel, setGenerateCodeForModel] = useState<string | null>(null);\n\n  const [triggerGetModels, { data: model, isLoading }] = useLazyGetModelsQuery();\n  const [generateCode] = useGenerateCodeForModelMutation();\n  const [deleteManyModel] = useDeleteMultipleModelsMutation();\n\n  useEffect(() => {\n    if (model) {\n      setModelMetadata(model?.records ?? []);\n      setTotalRecords(model?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [model]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      sort: [`id:desc`],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetModels(queryString);\n    setSelectedMenus([]);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        if (fieldName.includes(\".\")) {\n          const [parent, child] = fieldName.split(\".\");\n          if (!formattedFilters[parent]) {\n            formattedFilters[parent] = {};\n          }\n          formattedFilters[parent][child] = { [operator]: filterValue };\n        } else {\n          formattedFilters[fieldName] = { [operator]: filterValue };\n        }\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    return triggerGetModels(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: string, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const deleteBulk = () => {\n    const deleteList = selectedMenus.map((element) => element.id);\n    deleteManyModel(deleteList);\n    setDialogVisible(false);\n    setSelectedMenus([]);\n  };\n\n  const onDeleteClose = () => {\n    setDialogVisible(false);\n    setSelectedMenus([]);\n  };\n\n  const handleGenerateCode = async () => {\n    if (!generateCodeForModel) return;\n    await generateCode({ id: generateCodeForModel });\n    setGenerateCodeVisible(false);\n    setGenerateCodeForModel(null);\n  };\n\n  const detailsBodyTemplate = (record: ModelMetaData) => (\n    <Link\n      href={`${record.id}`}\n      rel=\"noopener noreferrer\"\n      className=\"text-sm font-bold p-0\"\n      style={{ color: \"#12415D\" }}\n    >\n      {record.isSystem ? (\n        <SolidIcon name=\"si-eye\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      ) : (\n        <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      )}\n    </Link>\n  );\n\n  const generateCodeBodyTemplate = (record: ModelMetaData) => {\n    if (record.isSystem) {\n      return null;\n    }\n    return (\n      <button\n        type=\"button\"\n        className=\"border-0 bg-transparent text-[var(--primary-color)] cursor-pointer\"\n        onClick={() => {\n          setGenerateCodeForModel(record.id);\n          setGenerateCodeVisible(true);\n        }}\n      >\n        <SolidIcon name=\"si-cog\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      </button>\n    );\n  };\n\n  return (\n    <div className=\"solid-model-list w-full\">\n      <div className=\"flex gap-4 mb-6 items-center flex-wrap\">\n        <CreateButton />\n        {selectedMenus.length > 0 && (\n          <SolidButton\n            type=\"button\"\n            label=\"Delete\"\n            size=\"small\"\n            severity=\"danger\"\n            className=\"small-button\"\n            onClick={() => setDialogVisible(true)}\n          />\n        )}\n      </div>\n\n      <div className=\"flex flex-col md:flex-row items-start gap-4 mb-4\">\n        <SolidInput\n          value={pendingFilters.displayName.value ?? \"\"}\n          onChange={(event) => handleFilterInputChange(\"displayName\", event.currentTarget.value)}\n          placeholder=\"Search by model name\"\n          className=\"w-full md:w-20rem\"\n        />\n        <SolidInput\n          value={pendingFilters[\"module.displayName\"].value ?? \"\"}\n          onChange={(event) => handleFilterInputChange(\"module.displayName\", event.currentTarget.value)}\n          placeholder=\"Search by module\"\n          className=\"w-full md:w-20rem\"\n        />\n        <div className=\"flex items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-center my-4\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={modelMetadata}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No Models found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n        selection={selectedMenus}\n        onSelectionChange={({ value }) => setSelectedMenus(value)}\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"Id\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"displayName\"\n          header=\"Display Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"module.displayName\"\n          header=\"Module Name\"\n          className=\"text-sm\"\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column header=\"Edit\" body={detailsBodyTemplate} />\n        <Column header=\"Code\" body={generateCodeBodyTemplate} />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Models?</p>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={onDeleteClose} />\n        </div>\n      </SolidDialog>\n\n      <SolidDialog\n        visible={isGenerateCodeVisible}\n        header=\"Generate Code\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => {\n          setGenerateCodeVisible(false);\n          setGenerateCodeForModel(null);\n        }}\n      >\n        <p className=\"text-center\">Proceed with model code generation? Existing files will be overwritten.</p>\n        <p>Below is the list of files that will be created:</p>\n        <ul>\n          <li>Model Entity File</li>\n          <li>Model Controller File</li>\n          <li>Model Service File</li>\n          <li>Model Create and Update DTO files</li>\n        </ul>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={handleGenerateCode} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setGenerateCodeVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ModelListViewData.js","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CreateButton } from \"../../../components/common/CreateButton\";\nimport { useGenerateCodeForModelMutation, useLazyGetModelsQuery } from \"../../../redux/api/modelApi\";\nimport Link from \"../../common/Link\";\nimport qs from \"qs\";\nimport { useEffect, useState } from \"react\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\n\nexport interface ModelMetaData {\n  id: string;\n  displayName: string;\n  module: string;\n  isSystem: boolean;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  displayName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  \"module.displayName\": { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const ModelListViewData = () => {\n  const [modelMetadata, setModelMetadata] = useState<ModelMetaData[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isGenerateCodeVisible, setGenerateCodeVisible] = useState(false);\n  const [generateCodeForModel, setGenerateCodeForModel] = useState<string | null>(null);\n\n  const [triggerGetModels, { data: model, isLoading }] = useLazyGetModelsQuery();\n  const [generateCode] = useGenerateCodeForModelMutation();\n\n  useEffect(() => {\n    if (model) {\n      setModelMetadata(model?.records ?? []);\n      setTotalRecords(model?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [model]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      sort: [`id:desc`],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetModels(queryString);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        if (fieldName.includes(\".\")) {\n          const [parent, child] = fieldName.split(\".\");\n          if (!formattedFilters[parent]) {\n            formattedFilters[parent] = {};\n          }\n          formattedFilters[parent][child] = { [operator]: filterValue };\n        } else {\n          formattedFilters[fieldName] = { [operator]: filterValue };\n        }\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    return triggerGetModels(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: string, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const handleGenerateCode = async () => {\n    if (!generateCodeForModel) return;\n    await generateCode({ id: generateCodeForModel });\n    setGenerateCodeVisible(false);\n    setGenerateCodeForModel(null);\n  };\n\n  const detailsBodyTemplate = (record: ModelMetaData) => (\n    <Link\n      href={`${record.id}`}\n      rel=\"noopener noreferrer\"\n      className=\"text-sm font-bold p-0\"\n      style={{ color: \"#12415D\" }}\n    >\n      {record.isSystem ? (\n        <SolidIcon name=\"si-eye\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      ) : (\n        <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      )}\n    </Link>\n  );\n\n  const generateCodeBodyTemplate = (record: ModelMetaData) => {\n    if (record.isSystem) {\n      return null;\n    }\n    return (\n      <button\n        type=\"button\"\n        className=\"border-0 bg-transparent text-[var(--primary-color)] cursor-pointer\"\n        onClick={() => {\n          setGenerateCodeForModel(record.id);\n          setGenerateCodeVisible(true);\n        }}\n      >\n        <SolidIcon name=\"si-cog\" style={{ fontSize: \"1rem\" }} aria-hidden />\n      </button>\n    );\n  };\n\n  return (\n    <div className=\"solid-model-list w-full\">\n      <div className=\"flex gap-4 mb-6 items-center flex-wrap\">\n        <CreateButton />\n      </div>\n\n      <div className=\"flex flex-col md:flex-row items-start gap-4 mb-4\">\n        <SolidInput\n          value={pendingFilters.displayName.value ?? \"\"}\n          onChange={(event) => handleFilterInputChange(\"displayName\", event.currentTarget.value)}\n          placeholder=\"Search by model name\"\n          className=\"w-full md:w-20rem\"\n        />\n        <SolidInput\n          value={pendingFilters[\"module.displayName\"].value ?? \"\"}\n          onChange={(event) => handleFilterInputChange(\"module.displayName\", event.currentTarget.value)}\n          placeholder=\"Search by module\"\n          className=\"w-full md:w-20rem\"\n        />\n        <div className=\"flex items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-center my-4\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={modelMetadata}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No Models found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n      >\n        <Column field=\"id\" header=\"Id\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"displayName\"\n          header=\"Display Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"module.displayName\"\n          header=\"Module Name\"\n          className=\"text-sm\"\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column header=\"Edit\" body={detailsBodyTemplate} />\n        <Column header=\"Code\" body={generateCodeBodyTemplate} />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isGenerateCodeVisible}\n        header=\"Generate Code\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => {\n          setGenerateCodeVisible(false);\n          setGenerateCodeForModel(null);\n        }}\n      >\n        <p className=\"text-center\">Proceed with model code generation? Existing files will be overwritten.</p>\n        <p>Below is the list of files that will be created:</p>\n        <ul>\n          <li>Model Entity File</li>\n          <li>Model Controller File</li>\n          <li>Model Service File</li>\n          <li>Model Create and Update DTO files</li>\n        </ul>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={handleGenerateCode} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setGenerateCodeVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}

package/dist/components/core/model/ModelListViewData.tsx

@@ -1,9 +1,5 @@
 import { CreateButton } from "../../../components/common/CreateButton";
-import {
-  useDeleteMultipleModelsMutation,
-  useGenerateCodeForModelMutation,
-  useLazyGetModelsQuery,
-} from "../../../redux/api/modelApi";
+import { useGenerateCodeForModelMutation, useLazyGetModelsQuery } from "../../../redux/api/modelApi";
 import Link from "../../common/Link";
 import qs from "qs";
 import { useEffect, useState } from "react";
@@ -34,15 +30,12 @@ export const ModelListViewData = () => {
   const [totalRecords, setTotalRecords] = useState(0);
   const [sortField, setSortField] = useState("");
   const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);
-  const [selectedMenus, setSelectedMenus] = useState<ModelMetaData[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
-  const [isDialogVisible, setDialogVisible] = useState(false);
   const [isGenerateCodeVisible, setGenerateCodeVisible] = useState(false);
   const [generateCodeForModel, setGenerateCodeForModel] = useState<string | null>(null);
 
   const [triggerGetModels, { data: model, isLoading }] = useLazyGetModelsQuery();
   const [generateCode] = useGenerateCodeForModelMutation();
-  const [deleteManyModel] = useDeleteMultipleModelsMutation();
 
   useEffect(() => {
     if (model) {
@@ -60,7 +53,6 @@ export const ModelListViewData = () => {
     };
     const queryString = qs.stringify(queryData, { encodeValuesOnly: true });
     triggerGetModels(queryString);
-    setSelectedMenus([]);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const onPageChange = (event: { first: number; rows: number }) => {
@@ -163,18 +155,6 @@ export const ModelListViewData = () => {
     setQueryString(0, rows, sortField, sortOrder, defaults);
   };
 
-  const deleteBulk = () => {
-    const deleteList = selectedMenus.map((element) => element.id);
-    deleteManyModel(deleteList);
-    setDialogVisible(false);
-    setSelectedMenus([]);
-  };
-
-  const onDeleteClose = () => {
-    setDialogVisible(false);
-    setSelectedMenus([]);
-  };
-
   const handleGenerateCode = async () => {
     if (!generateCodeForModel) return;
     await generateCode({ id: generateCodeForModel });
@@ -219,16 +199,6 @@ export const ModelListViewData = () => {
     <div className="solid-model-list w-full">
       <div className="flex gap-4 mb-6 items-center flex-wrap">
         <CreateButton />
-        {selectedMenus.length > 0 && (
-          <SolidButton
-            type="button"
-            label="Delete"
-            size="small"
-            severity="danger"
-            className="small-button"
-            onClick={() => setDialogVisible(true)}
-          />
-        )}
       </div>
 
       <div className="flex flex-col md:flex-row items-start gap-4 mb-4">
@@ -270,10 +240,7 @@ export const ModelListViewData = () => {
         onSort={onSort}
         sortField={sortField}
         sortOrder={sortOrder}
-        selection={selectedMenus}
-        onSelectionChange={({ value }) => setSelectedMenus(value)}
       >
-        <Column selectionMode="multiple" headerStyle={{ width: "3em" }} />
         <Column field="id" header="Id" className="text-sm" sortable headerClassName="table-header-fs" />
         <Column
           field="displayName"
@@ -294,20 +261,6 @@ export const ModelListViewData = () => {
         <Column header="Code" body={generateCodeBodyTemplate} />
       </SolidDataTable>
 
-      <SolidDialog
-        visible={isDialogVisible}
-        header="Confirm Delete"
-        modal
-        className="solid-confirm-dialog"
-        onHide={() => setDialogVisible(false)}
-      >
-        <p>Are you sure you want to delete the selected Models?</p>
-        <div className="flex justify-center gap-4 mt-4">
-          <SolidButton label="Yes" className="small-button" severity="danger" autoFocus onClick={deleteBulk} />
-          <SolidButton label="No" className="small-button" variant="ghost" onClick={onDeleteClose} />
-        </div>
-      </SolidDialog>
-
       <SolidDialog
         visible={isGenerateCodeVisible}
         header="Generate Code"

package/dist/components/core/module/CreateModule.css

@@ -218,3 +218,45 @@
 [data-theme="dark"] .solid-module-automap-list {
   color: color-mix(in srgb, var(--foreground) 80%, var(--muted-foreground));
 }
+
+@media (max-width: 767px) {
+  .solid-module-menu-icon-upload {
+    box-sizing: border-box;
+    margin-left: 0;
+    margin-right: 0;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  .solid-module-menu-icon-row {
+    min-width: 0;
+  }
+
+  .solid-module-menu-icon-row > :first-child {
+    flex: 0 0 auto;
+  }
+
+  .solid-module-menu-icon-meta,
+  .solid-module-menu-icon-header {
+    min-width: 0;
+  }
+
+  .solid-module-menu-icon-header {
+    gap: 0.5rem;
+  }
+
+  .solid-module-menu-icon-actions {
+    flex: 0 0 auto;
+    gap: 0.35rem;
+  }
+
+  .solid-module-menu-icon-header .solid-module-mobile-text-wrapper {
+    flex: 1 1 auto;
+    max-width: none;
+    min-width: 0;
+    overflow: visible;
+    overflow-wrap: anywhere;
+    text-overflow: clip;
+    white-space: normal;
+  }
+}

package/dist/components/core/module/CreateModule.js

@@ -319,7 +319,7 @@ var CreateModule = function (_a) {
                                                             if (pathname.includes('new')) {
                                                                 formik.setFieldValue("name", toKebabCase);
                                                             }
-                                                        }, value: formik.values.displayName, className: styles.fieldInput }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.displayName) === null || _c === void 0 ? void 0 : _c.toString() }))] }) }), _jsx("div", { className: "field w-full px-2 pt-2 lg:w-1/2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "name", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidInput, { disabled: true, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: styles.fieldInput }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.toString() }))] }) })] }), _jsxs("div", { className: "mt-4 flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "field w-full px-2 pt-2 pb-3 lg:w-1/2 lg:pb-0", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "menuSequenceNumber", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Menu Sequence Number" }), _jsx(SolidInput, { id: "menuSequenceNumber", type: "number", onChange: formik.handleChange, min: 0, value: formik.values.menuSequenceNumber, className: styles.fieldInput }), isFormFieldValid(formik, "menuSequenceNumber") && (_jsx("p", { className: styles.fieldError, children: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.menuSequenceNumber) === null || _g === void 0 ? void 0 : _g.toString() }))] }) }), _jsx("div", { className: "field w-full px-2 pt-2 lg:w-1/2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "description", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Description ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: styles.fieldTextarea, rows: 5, cols: 30 }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.description) === null || _j === void 0 ? void 0 : _j.toString() }))] }) })] }), _jsx("div", { className: "mt-4 flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "field w-full px-2 pt-2", children: _jsxs("div", { className: "".concat(styles.fieldWrapper, " relative"), children: [_jsxs("label", { htmlFor: "menuIconUrl", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Menu Icon ", _jsx("small", { className: "text-red-500 helper-text", children: "(only png and jpeg are allowed)" })] }), _jsxs("div", __assign({}, getRootPropsmenuIcon(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputPropsmenuIcon())), _jsx(DropzonePlaceholder, {})] })), isFormFieldValid(formik, "menuIconUrl") && (_jsx(SolidMessage, { severity: "error", text: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.menuIconUrl) === null || _l === void 0 ? void 0 : _l.toString(), className: "mt-2" })), fileDetails && (_jsxs("div", { className: "solid-file-upload-wrapper mt-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "flex w-full flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "font-bold solid-module-mobile-text-wrapper", children: fileDetails.name }), _jsxs("div", { className: "flex items-center gap-2", children: [typeof menuIconPreview === "string" && (_jsx("button", { type: "button", className: "solid-file-icon-btn", "aria-label": "View uploaded menu icon", title: "View icon", onClick: function () { return setIsMenuIconLightboxOpen(true); }, children: _jsx(SolidIcon, { name: "si-eye", "aria-hidden": true }) })), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger solid-module-upload-remove", "aria-label": "Remove uploaded menu icon", onClick: handleCancelUpload, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), uploadCompleted ? (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [totalSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("mask", { id: "mask0_2480_8635", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: _jsx("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), _jsx("g", { mask: "url(#mask0_2480_8635)", children: _jsx("path", { d: "M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z", fill: "var(--primary-color, var(--primary))" }) })] }), "Completed"] })) : (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [uploadedSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z", fill: "black" }) }), "Uploading $", uploadProgress, "% Completed"] }))] })] }), _jsx(SolidProgressBar, { value: uploadProgress, showValue: false, style: { height: 4 }, className: "mt-2" })] }))] }) }) })] }), _jsx(SolidPanel, { header: "Datasource Configuration", className: "solid-column-panel mt-4", children: _jsxs("div", { className: "mt-3 flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "field w-full px-2 pt-2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "defaultDataSource", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Default Data Source" }), _jsx("div", { className: "solid-standard-autocomplete w-full", children: _jsx(SolidAutocomplete, { disabled: !!data, value: defaultDataSourceField.selectedItem, suggestions: defaultDataSourceField.filteredItems, completeMethod: defaultDataSourceField.searchItems, onChange: defaultDataSourceField.handleChange, dropdown: true, portal: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "defaultDataSource") && (_jsx("p", { className: styles.fieldError, children: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.defaultDataSource) === null || _o === void 0 ? void 0 : _o.toString() }))] }) }), !isCreateMode ? (_jsx("div", { className: "field w-full px-2 pt-4", children: _jsxs("div", { className: "solid-module-automap-panel", children: [_jsxs("div", { className: "solid-module-automap-copy", children: [_jsx("div", { className: "solid-module-automap-eyebrow", children: "Legacy Table Mapping" }), _jsx("h4", { children: "Auto map datasource tables into this module" }), _jsx("p", { children: "Open the datasource introspection workspace to inspect legacy tables, preview field mappings, review metadata JSON changes, and generate the supporting migration template for SolidX system fields." }), _jsxs("ul", { className: "solid-module-automap-list", children: [_jsx("li", { children: "Review tables available on the selected datasource." }), _jsx("li", { children: "Control which legacy columns are included in each mapping session." }), _jsx("li", { children: "Preview the metadata JSON and migration output before saving." })] })] }), _jsx("div", { className: "solid-module-automap-actions", children: _jsx(SolidButton, { type: "button", size: "sm", onClick: function () { return router.push("/admin/core/solid-core/modules/".concat(data === null || data === void 0 ? void 0 : data.id, "/datasource-introspection")); }, children: "Auto Map Tables" }) })] }) })) : null] }) })] }) }), _jsx(SolidFormFooter, { params: params }), typeof menuIconPreview === "string" && (_jsx(SolidLightbox, { open: isMenuIconLightboxOpen, slides: [{ src: menuIconPreview }], onClose: function () { return setIsMenuIconLightboxOpen(false); } }))] }));
+                                                        }, value: formik.values.displayName, className: styles.fieldInput }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.displayName) === null || _c === void 0 ? void 0 : _c.toString() }))] }) }), _jsx("div", { className: "field w-full px-2 pt-2 lg:w-1/2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "name", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidInput, { disabled: true, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: styles.fieldInput }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.toString() }))] }) })] }), _jsxs("div", { className: "mt-4 flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "field w-full px-2 pt-2 pb-3 lg:w-1/2 lg:pb-0", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "menuSequenceNumber", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Menu Sequence Number" }), _jsx(SolidInput, { id: "menuSequenceNumber", type: "number", onChange: formik.handleChange, min: 0, value: formik.values.menuSequenceNumber, className: styles.fieldInput }), isFormFieldValid(formik, "menuSequenceNumber") && (_jsx("p", { className: styles.fieldError, children: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.menuSequenceNumber) === null || _g === void 0 ? void 0 : _g.toString() }))] }) }), _jsx("div", { className: "field w-full px-2 pt-2 lg:w-1/2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "description", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Description ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: styles.fieldTextarea, rows: 5, cols: 30 }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.description) === null || _j === void 0 ? void 0 : _j.toString() }))] }) })] }), _jsx("div", { className: "mt-4 flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "field w-full px-2 pt-2", children: _jsxs("div", { className: "".concat(styles.fieldWrapper, " relative"), children: [_jsxs("label", { htmlFor: "menuIconUrl", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Menu Icon ", _jsx("small", { className: "text-red-500 helper-text", children: "(only png and jpeg are allowed)" })] }), _jsxs("div", __assign({}, getRootPropsmenuIcon(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputPropsmenuIcon())), _jsx(DropzonePlaceholder, {})] })), isFormFieldValid(formik, "menuIconUrl") && (_jsx(SolidMessage, { severity: "error", text: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.menuIconUrl) === null || _l === void 0 ? void 0 : _l.toString(), className: "mt-2" })), fileDetails && (_jsxs("div", { className: "solid-file-upload-wrapper solid-module-menu-icon-upload mt-4", children: [_jsxs("div", { className: "solid-module-menu-icon-row flex items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "solid-module-menu-icon-meta flex w-full flex-col gap-1", children: [_jsxs("div", { className: "solid-module-menu-icon-header flex items-center justify-between", children: [_jsx("div", { className: "font-bold solid-module-mobile-text-wrapper", children: fileDetails.name }), _jsxs("div", { className: "solid-module-menu-icon-actions flex items-center gap-2", children: [typeof menuIconPreview === "string" && (_jsx("button", { type: "button", className: "solid-file-icon-btn", "aria-label": "View uploaded menu icon", title: "View icon", onClick: function () { return setIsMenuIconLightboxOpen(true); }, children: _jsx(SolidIcon, { name: "si-eye", "aria-hidden": true }) })), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger solid-module-upload-remove", "aria-label": "Remove uploaded menu icon", onClick: handleCancelUpload, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] })] }), uploadCompleted ? (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [totalSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("mask", { id: "mask0_2480_8635", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: _jsx("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), _jsx("g", { mask: "url(#mask0_2480_8635)", children: _jsx("path", { d: "M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z", fill: "var(--primary-color, var(--primary))" }) })] }), "Completed"] })) : (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [uploadedSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z", fill: "black" }) }), "Uploading $", uploadProgress, "% Completed"] }))] })] }), _jsx(SolidProgressBar, { value: uploadProgress, showValue: false, style: { height: 4 }, className: "mt-2" })] }))] }) }) })] }), _jsx(SolidPanel, { header: "Datasource Configuration", className: "solid-column-panel mt-4", children: _jsxs("div", { className: "mt-3 flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "field w-full px-2 pt-2", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "defaultDataSource", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Default Data Source" }), _jsx("div", { className: "solid-standard-autocomplete w-full", children: _jsx(SolidAutocomplete, { disabled: !!data, value: defaultDataSourceField.selectedItem, suggestions: defaultDataSourceField.filteredItems, completeMethod: defaultDataSourceField.searchItems, onChange: defaultDataSourceField.handleChange, dropdown: true, portal: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "defaultDataSource") && (_jsx("p", { className: styles.fieldError, children: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.defaultDataSource) === null || _o === void 0 ? void 0 : _o.toString() }))] }) }), !isCreateMode ? (_jsx("div", { className: "field w-full px-2 pt-4", children: _jsxs("div", { className: "solid-module-automap-panel", children: [_jsxs("div", { className: "solid-module-automap-copy", children: [_jsx("div", { className: "solid-module-automap-eyebrow", children: "Legacy Table Mapping" }), _jsx("h4", { children: "Auto map datasource tables into this module" }), _jsx("p", { children: "Open the datasource introspection workspace to inspect legacy tables, preview field mappings, review metadata JSON changes, and generate the supporting migration template for SolidX system fields." }), _jsxs("ul", { className: "solid-module-automap-list", children: [_jsx("li", { children: "Review tables available on the selected datasource." }), _jsx("li", { children: "Control which legacy columns are included in each mapping session." }), _jsx("li", { children: "Preview the metadata JSON and migration output before saving." })] })] }), _jsx("div", { className: "solid-module-automap-actions", children: _jsx(SolidButton, { type: "button", size: "sm", onClick: function () { return router.push("/admin/core/solid-core/modules/".concat(data === null || data === void 0 ? void 0 : data.id, "/datasource-introspection")); }, children: "Auto Map Tables" }) })] }) })) : null] }) })] }) }), _jsx(SolidFormFooter, { params: params }), typeof menuIconPreview === "string" && (_jsx(SolidLightbox, { open: isMenuIconLightboxOpen, slides: [{ src: menuIconPreview }], onClose: function () { return setIsMenuIconLightboxOpen(false); } }))] }));
     return (_jsx("div", { className: "solid-form-wrapper", children: _jsxs("div", { className: "solid-form-section", style: { borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }, children: [isCreateMode && (_jsxs("div", { className: "solid-form-header flex flex-wrap items-center justify-between gap-3", children: [_jsx("div", { className: "flex flex-col gap-1" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidButton, { variant: "outline", size: "sm", type: "button", onClick: handleCancel, className: "bg-[var(--primary-color-text)]", children: "Cancel" }), shouldShowGeneralSave && formik.dirty && (_jsx(SolidButton, { size: "sm", type: "submit", form: "module-general-info-form", onClick: function () { return showError(); }, children: "Save" }))] })] })), isCreateMode ? (generalInfoContent) : (_jsx("div", { className: "solid-module-form-workspace", children: _jsx(SolidTabGroup, { value: activeWorkspaceTab, onValueChange: setActiveWorkspaceTab, className: "solid-module-form-tabs", listClassName: "solid-module-form-tablist", panelClassName: "solid-module-form-tabpanel", tabs: [
                             {
                                 value: "general",