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

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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) {
@@ -36,84 +47,80 @@ 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 { useDeleteMultiplemodulesMutation, useGenerateCodeFormoduleMutation, useLazyGetmodulesQuery, useRefreshPermissionsMutation } from "../../../redux/api/moduleApi";
+import { useDeleteMultiplemodulesMutation, useGenerateCodeFormoduleMutation, useLazyGetmodulesQuery, useRefreshPermissionsMutation, } from "../../../redux/api/moduleApi";
 import Link from "../../common/Link";
-import { FilterMatchMode } from "primereact/api";
-import { Button } from "primereact/button";
-import { Column } from "primereact/column";
-import { DataTable, } from "primereact/datatable";
-import { Dialog } from "primereact/dialog";
 import qs from "qs";
 import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../redux/features/toastSlice";
+import { FilterMatchMode } from "../filter/filterMatchMode";
+import { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from "../../shad-cn-ui";
+import { Column, SolidDataTable } from "../list/SolidDataTable";
+var createDefaultFilters = function () { return ({
+    displayName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
+}); };
 export var ModuleListViewData = function () {
+    var _a;
     var dispatch = useDispatch();
-    var _a = useState([]), moduleMetadata = _a[0], setModuleMetadata = _a[1];
-    var _b = useState({
-        displayName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
-    }), filters = _b[0], setFilters = _b[1];
-    // Lazy loading datatable
-    var _c = useState(0), first = _c[0], setFirst = _c[1];
-    var _d = useState(25), rows = _d[0], setRows = _d[1];
-    var _e = useState(0), totalRecords = _e[0], setTotalRecords = _e[1];
-    var _f = useState(""), sortField = _f[0], setSortField = _f[1];
-    var _g = useState(0), sortOrder = _g[0], setSortOrder = _g[1];
-    var _h = useState([]), selectedMenus = _h[0], setSelectedMenus = _h[1];
-    var _j = useState(true), loading = _j[0], setLoading = _j[1];
-    var _k = useState(false), isDialogVisible = _k[0], setDialogVisible = _k[1];
-    var _l = useState(false), isGenerateCodeVisible = _l[0], setGenerateCodeVisible = _l[1];
-    var _m = useState(), generateCodeForModule = _m[0], setGenerateCodeForModule = _m[1];
-    var _o = useLazyGetmodulesQuery(), triggerGetModule = _o[0], _p = _o[1], module = _p.data, isLoading = _p.isLoading, error = _p.error;
-    var _q = useGenerateCodeFormoduleMutation(), generateCode = _q[0], _r = _q[1], isGenerateCodeUpdating = _r.isLoading, isGenerateCodeSuceess = _r.isSuccess, isGenerateCodeError = _r.isError, generateCodeError = _r.error, generateCodeData = _r.data;
-    var _s = useRefreshPermissionsMutation(), refreshPermission = _s[0], _t = _s[1], isRefreshPermissionUpdating = _t.isLoading, isRefreshPermissionSuceess = _t.isSuccess, isRefreshPermissionError = _t.isError, refreshPermissionError = _t.error, refreshPermissionData = _t.data;
-    var _u = useDeleteMultiplemodulesMutation(), deleteManyModules = _u[0], _v = _u[1], isModuleDeleted = _v.isLoading, isDeleteModuleSuceess = _v.isSuccess, isModuleDeleteError = _v.isError, ModuleDeleteError = _v.error, DeletedModule = _v.data;
+    var _b = useState([]), moduleMetadata = _b[0], setModuleMetadata = _b[1];
+    var _c = useState(function () { return createDefaultFilters(); }), filters = _c[0], setFilters = _c[1];
+    var _d = useState(function () { return createDefaultFilters(); }), pendingFilters = _d[0], setPendingFilters = _d[1];
+    var _e = useState(0), first = _e[0], setFirst = _e[1];
+    var _f = useState(25), rows = _f[0], setRows = _f[1];
+    var _g = useState(0), totalRecords = _g[0], setTotalRecords = _g[1];
+    var _h = useState(""), sortField = _h[0], setSortField = _h[1];
+    var _j = useState(0), sortOrder = _j[0], setSortOrder = _j[1];
+    var _k = useState([]), selectedMenus = _k[0], setSelectedMenus = _k[1];
+    var _l = useState(true), loading = _l[0], setLoading = _l[1];
+    var _m = useState(false), isDialogVisible = _m[0], setDialogVisible = _m[1];
+    var _o = useState(false), isGenerateCodeVisible = _o[0], setGenerateCodeVisible = _o[1];
+    var _p = useState(null), generateCodeForModule = _p[0], setGenerateCodeForModule = _p[1];
+    var _q = useLazyGetmodulesQuery(), triggerGetModule = _q[0], _r = _q[1], module = _r.data, isLoading = _r.isLoading;
+    var _s = useGenerateCodeFormoduleMutation(), generateCode = _s[0], _t = _s[1], isGenerateCodeError = _t.isError, isGenerateCodeSuceess = _t.isSuccess, generateCodeError = _t.error;
+    var refreshPermission = useRefreshPermissionsMutation()[0];
+    var deleteManyModules = useDeleteMultiplemodulesMutation()[0];
     useEffect(function () {
+        var _a, _b, _c;
         if (module) {
-            setModuleMetadata(module === null || module === void 0 ? void 0 : module.records);
-            setTotalRecords(module === null || module === void 0 ? void 0 : module.meta.totalRecords);
+            setModuleMetadata((_a = module === null || module === void 0 ? void 0 : module.records) !== null && _a !== void 0 ? _a : []);
+            setTotalRecords((_c = (_b = module === null || module === void 0 ? void 0 : module.meta) === null || _b === void 0 ? void 0 : _b.totalRecords) !== null && _c !== void 0 ? _c : 0);
             setLoading(false);
         }
     }, [module]);
     useEffect(function () {
         var queryData = {
             offset: 0,
-            limit: 25,
+            limit: rows,
             sort: ["id:desc"],
         };
-        var queryString = qs.stringify(queryData, {
-            encodeValuesOnly: true
-        });
+        var queryString = qs.stringify(queryData, { encodeValuesOnly: true });
         triggerGetModule(queryString);
         setSelectedMenus([]);
-    }, [isDeleteModuleSuceess]);
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var onPageChange = function (event) {
         setFirst(event.first);
         setRows(event.rows);
         setQueryString(event.first, event.rows, sortField, sortOrder, filters);
     };
     var onSort = function (event) {
-        var sortField = event.sortField, sortOrder = event.sortOrder;
-        var validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
-        setSortField(sortField);
+        var _a;
+        var nextSortField = (_a = event.sortField) !== null && _a !== void 0 ? _a : "";
+        var validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;
+        setSortField(nextSortField);
         setSortOrder(validSortOrder);
         setFirst(0);
-        setQueryString(0, rows, sortField, sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, filters);
-    };
-    var onSelectionChange = function (event) {
-        var value = event.value;
-        setSelectedMenus(value);
+        setQueryString(0, rows, nextSortField, validSortOrder, filters);
     };
-    // Filter fuctions
-    var setQueryString = function (offset, row, field, order, filterQuery) { return __awaiter(void 0, void 0, void 0, function () {
+    var setQueryString = function (offset, rowCount, field, order, filterQuery) { return __awaiter(void 0, void 0, void 0, function () {
         var formattedFilters, queryData, queryString;
         return __generator(this, function (_a) {
             formattedFilters = {};
-            Object.keys(filterQuery).forEach(function (field) {
-                var _a, _b;
-                var filterValue = filterQuery[field].value;
-                var matchMode = filterQuery[field].matchMode;
-                if (filterValue !== null && filterValue !== undefined) {
+            Object.keys(filterQuery !== null && filterQuery !== void 0 ? filterQuery : {}).forEach(function (fieldName) {
+                var _a;
+                var _b, _c;
+                var filterValue = (_b = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery[fieldName]) === null || _b === void 0 ? void 0 : _b.value;
+                var matchMode = (_c = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery[fieldName]) === null || _c === void 0 ? void 0 : _c.matchMode;
+                if (filterValue !== null && filterValue !== undefined && matchMode) {
                     var operator = matchMode;
                     switch (matchMode) {
                         case FilterMatchMode.CONTAINS:
@@ -137,130 +144,92 @@ export var ModuleListViewData = function () {
                         default:
                             operator = matchMode;
                     }
-                    if (field.includes(".")) {
-                        var fieldParts = field.split(".");
-                        if (!formattedFilters[fieldParts[0]]) {
-                            formattedFilters[fieldParts[0]] = {};
-                        }
-                        formattedFilters[fieldParts[0]][fieldParts[1]] = (_a = {},
-                            _a[operator] = filterValue,
-                            _a);
-                    }
-                    else {
-                        formattedFilters[field] = (_b = {}, _b[operator] = filterValue, _b);
-                    }
+                    formattedFilters[fieldName] = (_a = {}, _a[operator] = filterValue, _a);
                 }
             });
             queryData = {
                 offset: offset !== null && offset !== void 0 ? offset : first,
-                limit: row !== null && row !== void 0 ? row : rows,
+                limit: rowCount !== null && rowCount !== void 0 ? rowCount : rows,
                 filters: formattedFilters,
             };
             if (field) {
-                queryData.sort = [
-                    "".concat(field, ":").concat(order == 0 ? null : order == 1 ? "asc" : "desc"),
-                ];
+                queryData.sort = ["".concat(field, ":").concat(order === 0 ? null : order === 1 ? "asc" : "desc")];
             }
-            queryString = qs.stringify(queryData, {
-                encodeValuesOnly: true,
-            });
-            triggerGetModule(queryString);
-            return [2 /*return*/];
+            queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+            return [2 /*return*/, triggerGetModule(queryString)];
         });
     }); };
-    var onFilter = function (e) {
-        setFilters(e.filters);
-        setQueryString(0, rows, sortField, sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, e.filters);
+    var handleFilterInputChange = function (fieldName, value) {
+        setPendingFilters(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[fieldName] = __assign(__assign({}, prev[fieldName]), { value: value }), _a)));
+        });
     };
-    var detailsBodyTemplate = function (moduleMetadata) {
-        return (_jsxs(Link, { href: "".concat(moduleMetadata.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: [moduleMetadata.isSystem === true &&
-                    _jsx("i", { className: "pi pi-eye", style: { fontSize: "1rem" } }), moduleMetadata.isSystem === false &&
-                    _jsx("i", { className: "pi pi-pencil", style: { fontSize: "1rem" } })] }));
+    var applyFilters = function () {
+        setFirst(0);
+        setFilters(pendingFilters);
+        setQueryString(0, rows, sortField, sortOrder, pendingFilters);
     };
-    var generateCodeBodyTemplate = function (moduleMetadata) {
-        return (_jsx("a", { onClick: function () {
-                setGenerateCodeForModule(moduleMetadata.id);
-                setGenerateCodeVisible(true);
-            }, rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: moduleMetadata.isSystem === false &&
-                _jsx("i", { className: "pi pi-cog", style: { fontSize: "1rem" } }) }));
+    var clearFilters = function () {
+        var defaults = createDefaultFilters();
+        setPendingFilters(defaults);
+        setFilters(defaults);
+        setFirst(0);
+        setQueryString(0, rows, sortField, sortOrder, defaults);
     };
     var deleteBulk = function () {
-        var deleteList = [];
-        selectedMenus.forEach(function (element) {
-            deleteList.push(element.id);
-        });
+        var deleteList = selectedMenus.map(function (element) { return element.id; });
         deleteManyModules(deleteList);
         setDialogVisible(false);
-    };
-    var onDeleteClose = function () {
-        setDialogVisible(false);
         setSelectedMenus([]);
     };
-    var generateCodeHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var handleGenerateCode = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, generateCode({ id: generateCodeForModule })];
+                case 0:
+                    if (!generateCodeForModule)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, generateCode({ id: generateCodeForModule })];
                 case 1:
                     _a.sent();
                     setGenerateCodeVisible(false);
+                    setGenerateCodeForModule(null);
                     return [2 /*return*/];
             }
         });
     }); };
-    var onGenerateCodeClose = function () {
-        setGenerateCodeVisible(false);
-        setSelectedMenus([]);
-    };
-    var isFetchBaseQueryErrorWithErrorResponse = function (error) {
-        return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
-    };
-    // const handleError = (errorToast: any) => {
-    //   let errorMessage: any = ['An error occurred'];
-    //   if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
-    //     errorMessage = errorToast.data.message;
-    //   } else {
-    //     errorMessage = ['Something went wrong'];
-    //   }
-    //   toast?.current?.show({
-    //     severity: 'error',
-    //     summary: 'Error',
-    //     detail: errorMessage,
-    //     life: 3000,
-    //     //@ts-ignore
-    //     content: (props) => (
-    //       <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
-    //         {Array.isArray(errorMessage) ? (
-    //           errorMessage.map((message, index) => (
-    //             <div className="flex align-items-center gap-2" key={index}>
-    //               <span className="font-bold text-900">{message.trim()}</span>
-    //             </div>
-    //           ))
-    //         ) : (
-    //           <div className="flex align-items-center gap-2">
-    //             <span className="font-bold text-900">{errorMessage?.trim()}</span>
-    //           </div>
-    //         )}
-    //       </div>
-    //     ),
-    //   });
-    // };
     useEffect(function () {
         if (isGenerateCodeError) {
-            var errorMessage = generateCodeError && typeof generateCodeError === 'object' && 'data' in generateCodeError && 'message' in generateCodeError.data
+            var errorMessage = generateCodeError && typeof generateCodeError === "object" && "data" in generateCodeError && "message" in generateCodeError.data
                 ? generateCodeError.data.message
-                : 'Something went wrong';
-            var detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : String(errorMessage);
-            dispatch(showToast({ severity: 'error', summary: 'Error', detail: detail }));
+                : "Something went wrong";
+            var detail = Array.isArray(errorMessage) ? errorMessage.join(", ") : String(errorMessage);
+            dispatch(showToast({ severity: "error", summary: "Error", detail: detail }));
         }
-    }, [isGenerateCodeError]);
+    }, [dispatch, isGenerateCodeError, generateCodeError]);
     useEffect(function () {
         if (isGenerateCodeSuceess) {
-            dispatch(showToast({ severity: 'success', summary: 'Success', detail: 'Code Generated Successfully' }));
+            dispatch(showToast({ severity: "success", summary: "Success", detail: "Code Generated Successfully" }));
         }
-    }, [isGenerateCodeSuceess]);
+    }, [dispatch, isGenerateCodeSuceess]);
     var handleRefreshPermission = function () {
         refreshPermission("");
     };
-    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx(CreateButton, {}), _jsx(Button, { className: 'small-button', onClick: handleRefreshPermission, children: "Refresh Permissions" }), selectedMenus.length > 0 && _jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDialogVisible(true); }, className: "small-button", severity: "danger" })] }), _jsx("style", { children: "\n      .p-datatable .p-datatable-loading-overlay {\n      background-color: rgba(0, 0, 0, 0.0);\n      }\n      " }), _jsxs(DataTable, { value: moduleMetadata, lazy: true, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", filters: filters, emptyMessage: "No Modules found", onFilter: onFilter, filterDisplay: "row", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: loading || isLoading, loadingIcon: "pi pi-spinner", selection: selectedMenus, onSelectionChange: onSelectionChange, selectionMode: "multiple", removableSort: true, 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, filter: true, filterPlaceholder: "Search model by name", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { header: "Edit", body: detailsBodyTemplate }), _jsx(Column, { header: "Code", body: generateCodeBodyTemplate })] }), _jsx(Dialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose })] })); }, onHide: function () { return setDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete the selected Modules?" }) }), _jsx(Dialog, { visible: isGenerateCodeVisible, header: "Generate Code", headerClassName: "text-center", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: generateCodeHandler }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onGenerateCodeClose })] })); }, onHide: function () { return setGenerateCodeVisible(false); }, children: _jsx("p", { className: "text-center", children: "Proceed with module code generation? Existing files will be overwritten." }) })] }));
+    var detailsBodyTemplate = function (record) { return (_jsx(Link, { href: "".concat(record.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: record.isSystem ? (_jsx(SolidIcon, { name: "si-eye", style: { fontSize: "1rem" }, "aria-hidden": true })) : (_jsx(SolidIcon, { name: "si-pencil", style: { fontSize: "1rem" }, "aria-hidden": true })) })); };
+    var generateCodeBodyTemplate = function (record) {
+        if (record.isSystem)
+            return null;
+        return (_jsx("button", { type: "button", className: "text-primary border-0 bg-transparent cursor-pointer", onClick: function () {
+                setGenerateCodeForModule(record.id);
+                setGenerateCodeVisible(true);
+            }, children: _jsx(SolidIcon, { name: "si-cog", style: { fontSize: "1rem" }, "aria-hidden": true }) }));
+    };
+    return (_jsxs("div", { className: "solid-module-list w-full", children: [_jsxs("div", { className: "flex gap-3 mb-4 align-items-center flex-wrap", children: [_jsx(CreateButton, {}), _jsx(SolidButton, { className: "small-button", onClick: handleRefreshPermission, label: "Refresh Permissions" }), 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-column md:flex-row align-items-start gap-3 mb-3", children: [_jsx(SolidInput, { value: (_a = pendingFilters.displayName.value) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFilterInputChange("displayName", event.currentTarget.value); }, placeholder: "Search module by name", className: "w-full md:w-20rem" }), _jsxs("div", { className: "flex align-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-content-center my-3", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: moduleMetadata, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No Modules 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, { 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 Modules?" }), _jsxs("div", { className: "flex justify-content-center gap-3 mt-3", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setDialogVisible(false); } })] })] }), _jsxs(SolidDialog, { visible: isGenerateCodeVisible, header: "Generate Code", modal: true, className: "solid-confirm-dialog", onHide: function () {
+                    setGenerateCodeVisible(false);
+                    setGenerateCodeForModule(null);
+                }, children: [_jsx("p", { className: "text-center", children: "Proceed with module code generation? Existing files will be overwritten." }), _jsxs("div", { className: "flex justify-content-center gap-3 mt-3", 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); } })] })] })] }));
 };
 //# sourceMappingURL=ModuleListViewData.js.map

package/dist/components/core/module/ModuleListViewData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleListViewData.js","sourceRoot":"","sources":["../../../../src/components/core/module/ModuleListViewData.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport { useDeleteMultiplemodulesMutation, useGenerateCodeFormoduleMutation, useLazyGetmodulesQuery, useRefreshPermissionsMutation } from \"../../../redux/api/moduleApi\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/dist/query\";\nimport Link from \"../../common/Link\";\nimport { FilterMatchMode } from \"primereact/api\";\nimport { Button } from \"primereact/button\";\nimport { Column } from \"primereact/column\";\nimport {\n  DataTable,\n  DataTableFilterMeta,\n  DataTableStateEvent,\n} from \"primereact/datatable\";\nimport { Dialog } from \"primereact/dialog\";\nimport qs from \"qs\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nexport interface ModelMetaData {\n  id: string;\n  displayName: string;\n  isSystem: boolean;\n}\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\nexport const ModuleListViewData = () => {\n  const dispatch = useDispatch();\n\n  const [moduleMetadata, setModuleMetadata] = useState<ModelMetaData[]>([]);\n\n  const [filters, setFilters] = useState<DataTableFilterMeta>({\n    displayName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  });\n  // Lazy loading datatable\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(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 [generateCodeForModule, setGenerateCodeForModule] = useState<any>();\n\n\n  const [triggerGetModule, { data: module, isLoading, error }] =\n    useLazyGetmodulesQuery();\n\n  const [\n    generateCode,\n    { isLoading: isGenerateCodeUpdating, isSuccess: isGenerateCodeSuceess, isError: isGenerateCodeError, error: generateCodeError, data: generateCodeData },\n  ] = useGenerateCodeFormoduleMutation();\n\n  const [\n    refreshPermission,\n    { isLoading: isRefreshPermissionUpdating, isSuccess: isRefreshPermissionSuceess, isError: isRefreshPermissionError, error: refreshPermissionError, data: refreshPermissionData },\n  ] = useRefreshPermissionsMutation()\n  const [\n    deleteManyModules,\n    {\n      isLoading: isModuleDeleted,\n      isSuccess: isDeleteModuleSuceess,\n      isError: isModuleDeleteError,\n      error: ModuleDeleteError,\n      data: DeletedModule,\n    },\n  ] = useDeleteMultiplemodulesMutation();\n\n  useEffect(() => {\n    if (module) {\n      setModuleMetadata(module?.records);\n      setTotalRecords(module?.meta.totalRecords);\n      setLoading(false);\n    }\n  }, [module]);\n\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: 25,\n      sort: [`id:desc`],\n    };\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n    triggerGetModule(queryString);\n    setSelectedMenus([]);\n  }, [isDeleteModuleSuceess]);\n\n  const onPageChange = (event: any) => {\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 { sortField, sortOrder } = event;\n    const validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;\n    setSortField(sortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(\n      0,\n      rows,\n      sortField,\n      sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,\n      filters\n    );\n  };\n\n  const onSelectionChange = (event: any) => {\n    const value = event.value;\n    setSelectedMenus(value);\n  };\n\n\n\n  // Filter fuctions\n  const setQueryString = async (\n    offset?: number,\n    row?: number,\n    field?: string,\n    order?: number,\n    filterQuery?: any\n  ) => {\n    const formattedFilters: any = {};\n\n    Object.keys(filterQuery).forEach((field) => {\n      const filterValue = filterQuery[field].value;\n      const matchMode = filterQuery[field].matchMode;\n\n      if (filterValue !== null && filterValue !== undefined) {\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 (field.includes(\".\")) {\n          const fieldParts = field.split(\".\");\n          if (!formattedFilters[fieldParts[0]]) {\n            formattedFilters[fieldParts[0]] = {};\n          }\n          formattedFilters[fieldParts[0]][fieldParts[1]] = {\n            [operator]: filterValue,\n          };\n        } else {\n          formattedFilters[field] = { [operator]: filterValue };\n        }\n      }\n    });\n\n    const queryData: any = {\n      offset: offset ?? first,\n      limit: row ?? rows,\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [\n        `${field}:${order == 0 ? null : order == 1 ? \"asc\" : \"desc\"}`,\n      ];\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true,\n    });\n\n    triggerGetModule(queryString);\n  };\n\n  const onFilter = (e: any) => {\n    setFilters(e.filters);\n    setQueryString(\n      0,\n      rows,\n      sortField,\n      sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,\n      e.filters\n    );\n  };\n\n  const detailsBodyTemplate = (moduleMetadata: ModelMetaData) => {\n    return (\n      <Link\n        href={`${moduleMetadata.id}`}\n        rel=\"noopener noreferrer\"\n        className=\"text-sm font-bold p-0\"\n        style={{ color: \"#12415D\" }}\n      >\n        {moduleMetadata.isSystem === true &&\n          < i className=\"pi pi-eye\" style={{ fontSize: \"1rem\" }}></i>\n        }\n        {moduleMetadata.isSystem === false &&\n          < i className=\"pi pi-pencil\" style={{ fontSize: \"1rem\" }}></i>\n        }\n      </Link >\n    );\n  };\n\n  const generateCodeBodyTemplate = (moduleMetadata: ModelMetaData) => {\n\n    return (\n      <a onClick={() => {\n        setGenerateCodeForModule(moduleMetadata.id);\n        setGenerateCodeVisible(true);\n      }}\n        rel=\"noopener noreferrer\"\n        className=\"text-sm font-bold p-0\"\n        style={{ color: \"#12415D\" }}\n      >\n        {moduleMetadata.isSystem === false &&\n          < i className=\"pi pi-cog\" style={{ fontSize: \"1rem\" }}></i>\n        }\n      </a >\n    );\n  };\n\n  const deleteBulk = () => {\n    let deleteList: any = [];\n    selectedMenus.forEach((element: ModelMetaData) => {\n      deleteList.push(element.id);\n    });\n    deleteManyModules(deleteList);\n    setDialogVisible(false);\n  };\n\n  const onDeleteClose = () => {\n    setDialogVisible(false);\n    setSelectedMenus([]);\n  }\n\n  const generateCodeHandler = async () => {\n    await generateCode({ id: generateCodeForModule })\n    setGenerateCodeVisible(false)\n  }\n\n  const onGenerateCodeClose = () => {\n    setGenerateCodeVisible(false);\n    setSelectedMenus([]);\n\n  }\n  const isFetchBaseQueryErrorWithErrorResponse = (error: any): error is FetchBaseQueryError & { data: ErrorResponseData } => {\n    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;\n  }\n\n  // const handleError = (errorToast: any) => {\n  //   let errorMessage: any = ['An error occurred'];\n\n  //   if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n  //     errorMessage = errorToast.data.message;\n  //   } else {\n  //     errorMessage = ['Something went wrong'];\n  //   }\n\n  //   toast?.current?.show({\n  //     severity: 'error',\n  //     summary: 'Error',\n  //     detail: errorMessage,\n  //     life: 3000,\n  //     //@ts-ignore\n  //     content: (props) => (\n  //       <div className=\"flex flex-column align-items-left\" style={{ flex: \"1\" }}>\n  //         {Array.isArray(errorMessage) ? (\n  //           errorMessage.map((message, index) => (\n  //             <div className=\"flex align-items-center gap-2\" key={index}>\n  //               <span className=\"font-bold text-900\">{message.trim()}</span>\n  //             </div>\n  //           ))\n  //         ) : (\n  //           <div className=\"flex align-items-center gap-2\">\n  //             <span className=\"font-bold text-900\">{errorMessage?.trim()}</span>\n  //           </div>\n  //         )}\n  //       </div>\n  //     ),\n  //   });\n  // };\n\n\n  useEffect(() => {\n    if (isGenerateCodeError) {\n      const errorMessage = generateCodeError && typeof generateCodeError === 'object' && 'data' in generateCodeError && 'message' in (generateCodeError as any).data\n        ? (generateCodeError as any).data.message\n        : 'Something went wrong';\n      const detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : String(errorMessage);\n      dispatch(showToast({ severity: 'error', summary: 'Error', detail }));\n    }\n  }, [isGenerateCodeError])\n\n\n  useEffect(() => {\n    if (isGenerateCodeSuceess) {\n      dispatch(showToast({ severity: 'success', summary: 'Success', detail: 'Code Generated Successfully' }));\n    }\n  }, [isGenerateCodeSuceess])\n\n  const handleRefreshPermission = () => {\n    refreshPermission(\"\")\n  }\n\n  return (\n    <div className=\"\">\n      <div className=\"flex gap-3 mb-4\">\n        <CreateButton />\n        <Button className='small-button' onClick={handleRefreshPermission}>Refresh Permissions</Button>\n        {selectedMenus.length > 0 && <Button\n          type=\"button\"\n          label=\"Delete\"\n          size=\"small\"\n          onClick={() => setDialogVisible(true)}\n          className=\"small-button\"\n          severity=\"danger\"\n        />}\n        {/* <Button\n        type=\"button\"\n        icon=\"pi pi-filter-slash\"\n        label=\"Clear\"\n        size=\"small\"\n        outlined\n      //   onClick={clearFilter}\n        className=\"small-button\"\n      /> */}\n      </div>\n      <style>{`\n      .p-datatable .p-datatable-loading-overlay {\n      background-color: rgba(0, 0, 0, 0.0);\n      }\n      `}</style>\n      <DataTable\n        value={moduleMetadata}\n        lazy\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        filters={filters}\n        emptyMessage=\"No Modules found\"\n        onFilter={onFilter}\n        filterDisplay=\"row\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={(e: DataTableStateEvent) => onSort(e)}\n        sortField={sortField}\n        sortOrder={sortOrder === 1 || sortOrder === -1 ? sortOrder : 0}\n        loading={loading || isLoading}\n        loadingIcon=\"pi pi-spinner\"\n        selection={selectedMenus}\n        onSelectionChange={onSelectionChange}\n        selectionMode=\"multiple\"\n        removableSort\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"Id\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\"></Column>\n        <Column\n          field=\"displayName\"\n          header=\"Display Name\"\n          className=\"text-sm\"\n          sortable\n          filter\n          filterPlaceholder=\"Search model by name\"\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        ></Column>\n        <Column\n          header=\"Edit\"\n          body={detailsBodyTemplate}></Column>\n        <Column\n          header=\"Code\"\n          body={generateCodeBodyTemplate}></Column>\n\n      </DataTable>\n      <Dialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        footer={() => (\n          <div className=\"flex justify-content-center\">\n            <Button label=\"Yes\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" autoFocus onClick={deleteBulk} />\n            <Button label=\"No\" icon=\"pi pi-times\" className='small-button' onClick={onDeleteClose} />\n          </div>\n        )}\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Modules?</p>\n      </Dialog>\n      <Dialog\n        visible={isGenerateCodeVisible}\n        header=\"Generate Code\"\n        headerClassName=\"text-center\"\n        modal\n        className=\"solid-confirm-dialog\"\n        footer={() => (\n          <div className=\"flex justify-content-center\">\n            <Button label=\"Yes\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" autoFocus onClick={generateCodeHandler} />\n            <Button label=\"No\" icon=\"pi pi-times\" className='small-button' onClick={onGenerateCodeClose} />\n          </div>\n        )}\n        onHide={() => setGenerateCodeVisible(false)}\n      >\n        <p className=\"text-center\">Proceed with module code generation? Existing files will be overwritten.</p>\n      </Dialog>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ModuleListViewData.js","sourceRoot":"","sources":["../../../../src/components/core/module/ModuleListViewData.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EACL,gCAAgC,EAChC,gCAAgC,EAChC,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,MAAM,EAAuB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAUrF,IAAM,oBAAoB,GAAG,cAAkB,OAAA,CAAC;IAC9C,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;CACrE,CAAC,EAF6C,CAE7C,CAAC;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG;;IAChC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAsC,QAAQ,CAAkB,EAAE,CAAC,EAAlE,cAAc,QAAA,EAAE,iBAAiB,QAAiC,CAAC;IACpE,IAAA,KAAwB,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAzE,OAAO,QAAA,EAAE,UAAU,QAAsD,CAAC;IAC3E,IAAA,KAAsC,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAvF,cAAc,QAAA,EAAE,iBAAiB,QAAsD,CAAC;IACzF,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAkB,QAAQ,CAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAA4B,QAAQ,CAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAC;IACzC,IAAA,KAA4B,QAAQ,CAAa,CAAC,CAAC,EAAlD,SAAS,QAAA,EAAE,YAAY,QAA2B,CAAC;IACpD,IAAA,KAAoC,QAAQ,CAAkB,EAAE,CAAC,EAAhE,aAAa,QAAA,EAAE,gBAAgB,QAAiC,CAAC;IAClE,IAAA,KAAwB,QAAQ,CAAU,IAAI,CAAC,EAA9C,OAAO,QAAA,EAAE,UAAU,QAA2B,CAAC;IAChD,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,eAAe,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IACtD,IAAA,KAAkD,QAAQ,CAAC,KAAK,CAAC,EAAhE,qBAAqB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IAClE,IAAA,KAAoD,QAAQ,CAAgB,IAAI,CAAC,EAAhF,qBAAqB,QAAA,EAAE,wBAAwB,QAAiC,CAAC;IAElF,IAAA,KAAkD,sBAAsB,EAAE,EAAzE,gBAAgB,QAAA,EAAE,UAA2B,EAAnB,MAAM,UAAA,EAAE,SAAS,eAA8B,CAAC;IAC3E,IAAA,KACJ,gCAAgC,EAAE,EAD7B,YAAY,QAAA,EAAE,UAA4F,EAAjF,mBAAmB,aAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAC3E,CAAC;IAC9B,IAAA,iBAAiB,GAAI,6BAA6B,EAAE,GAAnC,CAAoC;IACrD,IAAA,iBAAiB,GAAI,gCAAgC,EAAE,GAAtC,CAAuC;IAE/D,SAAS,CAAC;;QACR,IAAI,MAAM,EAAE;YACV,iBAAiB,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACzC,eAAe,CAAC,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,YAAY,mCAAI,CAAC,CAAC,CAAC;YACjD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC;QACR,IAAM,SAAS,GAAG;YAChB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,CAAC,SAAS,CAAC;SAClB,CAAC;QACF,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,IAAM,YAAY,GAAG,UAAC,KAAsC;QAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,UAAC,KAA0B;;QACxC,IAAM,aAAa,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC;QAC5C,IAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7F,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UACrB,MAAe,EACf,QAAiB,EACjB,KAAc,EACd,KAAkB,EAClB,WAAwB;;;YAElB,gBAAgB,GAAwB,EAAE,CAAC;YAEjD,MAAM,CAAC,IAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,SAAS;;;gBAC/C,IAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,KAAK,CAAC;gBACpD,IAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,SAAS,CAAC;gBAEtD,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,EAAE;oBAClE,IAAI,QAAQ,GAAG,SAAS,CAAC;oBACzB,QAAQ,SAAS,EAAE;wBACjB,KAAK,eAAe,CAAC,QAAQ;4BAC3B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR,KAAK,eAAe,CAAC,WAAW;4BAC9B,QAAQ,GAAG,cAAc,CAAC;4BAC1B,MAAM;wBACR,KAAK,eAAe,CAAC,MAAM;4BACzB,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,YAAY;4BAC/B,QAAQ,GAAG,eAAe,CAAC;4BAC3B,MAAM;wBACR,KAAK,eAAe,CAAC,UAAU;4BAC7B,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,SAAS;4BAC5B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR;4BACE,QAAQ,GAAG,SAAS,CAAC;qBACxB;oBAED,gBAAgB,CAAC,SAAS,CAAC,aAAK,GAAC,QAAQ,IAAG,WAAW,KAAE,CAAC;iBAC3D;YACH,CAAC,CAAC,CAAC;YAEG,SAAS,GAAwB;gBACrC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;gBACvB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI;gBACvB,OAAO,EAAE,gBAAgB;aAC1B,CAAC;YAEF,IAAI,KAAK,EAAE;gBACT,SAAS,CAAC,IAAI,GAAG,CAAC,UAAG,KAAK,cAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,CAAC;aACpF;YAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;YACxE,sBAAO,gBAAgB,CAAC,WAAW,CAAC,EAAC;;SACtC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,SAAiB,EAAE,KAAa;QAC/D,iBAAiB,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACvB,IAAI,gBACN,SAAS,0BAAQ,IAAI,CAAC,SAAS,CAAC,KAAE,KAAK,OAAA,UACxC;QAH0B,CAG1B,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;QACxC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,EAAE,EAAV,CAAU,CAAC,CAAC;QAC9D,iBAAiB,CAAC,UAAU,CAAC,CAAC;QAC9B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;;;;oBACzB,IAAI,CAAC,qBAAqB;wBAAE,sBAAO;oBACnC,qBAAM,YAAY,CAAC,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAA;;oBAAjD,SAAiD,CAAC;oBAClD,sBAAsB,CAAC,KAAK,CAAC,CAAC;oBAC9B,wBAAwB,CAAC,IAAI,CAAC,CAAC;;;;SAChC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,mBAAmB,EAAE;YACvB,IAAM,YAAY,GAChB,iBAAiB,IAAI,OAAO,iBAAiB,KAAK,QAAQ,IAAI,MAAM,IAAI,iBAAiB,IAAI,SAAS,IAAK,iBAAyB,CAAC,IAAI;gBACvI,CAAC,CAAE,iBAAyB,CAAC,IAAI,CAAC,OAAO;gBACzC,CAAC,CAAC,sBAAsB,CAAC;YAC7B,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC,CAAC;SACtE;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvD,SAAS,CAAC;QACR,IAAI,qBAAqB,EAAE;YACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,6BAA6B,EAAE,CAAC,CAAC,CAAC;SACzG;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtC,IAAM,uBAAuB,GAAG;QAC9B,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,UAAC,MAAqB,IAAK,OAAA,CACrD,KAAC,IAAI,IACH,IAAI,EAAE,UAAG,MAAM,CAAC,EAAE,CAAE,EACpB,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE1B,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,CACrE,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,CACxE,GACI,CACR,EAbsD,CAatD,CAAC;IAEF,IAAM,wBAAwB,GAAG,UAAC,MAAqB;QACrD,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QACjC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE;gBACP,wBAAwB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACpC,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,YAED,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,GAC7D,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,YAAY,KAAG,EAChB,KAAC,WAAW,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAC,qBAAqB,GAAG,EACrG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,GACrC,CACH,IACG,EAEN,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,UAAU,IACT,KAAK,EAAE,MAAA,cAAc,CAAC,WAAW,CAAC,KAAK,mCAAI,EAAE,EAC7C,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,uBAAuB,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAjE,CAAiE,EACtF,WAAW,EAAC,uBAAuB,EACnC,SAAS,EAAC,mBAAmB,GAC7B,EACF,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,EACjE,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,IAC7E,IACF,EAEL,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,YAAY,KAAG,GACZ,CACP,EAED,MAAC,cAAc,IACb,KAAK,EAAE,cAAc,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAChC,OAAO,EAAC,IAAI,EACZ,YAAY,EAAC,kBAAkB,EAC/B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBAAO,OAAA,gBAAgB,CAAC,KAAK,CAAC;gBAAvB,CAAuB,aAEzD,KAAC,MAAM,IAAC,aAAa,EAAC,UAAU,EAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,EAClE,KAAC,MAAM,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,QAAC,eAAe,EAAC,iBAAiB,GAAG,EAChG,KAAC,MAAM,IACL,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,mBAAmB,GAAI,EACnD,KAAC,MAAM,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,wBAAwB,GAAI,IACzC,EAEjB,MAAC,WAAW,IACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAC,gBAAgB,EACvB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,aAErC,gFAA4D,EAC5D,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,UAAU,GAAI,EACrG,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,GAAI,IACvG,IACM,EAEd,MAAC,WAAW,IACV,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAC,eAAe,EACtB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE;oBACN,sBAAsB,CAAC,KAAK,CAAC,CAAC;oBAC9B,wBAAwB,CAAC,IAAI,CAAC,CAAC;gBACjC,CAAC,aAED,YAAG,SAAS,EAAC,aAAa,yFAA6E,EACvG,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,kBAAkB,GAAI,EAC7G,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,sBAAsB,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAAI,IAC7G,IACM,IACV,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CreateButton } from \"../../../components/common/CreateButton\";\nimport {\n  useDeleteMultiplemodulesMutation,\n  useGenerateCodeFormoduleMutation,\n  useLazyGetmodulesQuery,\n  useRefreshPermissionsMutation,\n} from \"../../../redux/api/moduleApi\";\nimport Link from \"../../common/Link\";\nimport qs from \"qs\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\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  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});\n\nexport const ModuleListViewData = () => {\n  const dispatch = useDispatch();\n  const [moduleMetadata, setModuleMetadata] = 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 [generateCodeForModule, setGenerateCodeForModule] = useState<string | null>(null);\n\n  const [triggerGetModule, { data: module, isLoading }] = useLazyGetmodulesQuery();\n  const [generateCode, { isError: isGenerateCodeError, isSuccess: isGenerateCodeSuceess, error: generateCodeError }] =\n    useGenerateCodeFormoduleMutation();\n  const [refreshPermission] = useRefreshPermissionsMutation();\n  const [deleteManyModules] = useDeleteMultiplemodulesMutation();\n\n  useEffect(() => {\n    if (module) {\n      setModuleMetadata(module?.records ?? []);\n      setTotalRecords(module?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [module]);\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    triggerGetModule(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        formattedFilters[fieldName] = { [operator]: filterValue };\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 triggerGetModule(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    deleteManyModules(deleteList);\n    setDialogVisible(false);\n    setSelectedMenus([]);\n  };\n\n  const handleGenerateCode = async () => {\n    if (!generateCodeForModule) return;\n    await generateCode({ id: generateCodeForModule });\n    setGenerateCodeVisible(false);\n    setGenerateCodeForModule(null);\n  };\n\n  useEffect(() => {\n    if (isGenerateCodeError) {\n      const errorMessage =\n        generateCodeError && typeof generateCodeError === \"object\" && \"data\" in generateCodeError && \"message\" in (generateCodeError as any).data\n          ? (generateCodeError as any).data.message\n          : \"Something went wrong\";\n      const detail = Array.isArray(errorMessage) ? errorMessage.join(\", \") : String(errorMessage);\n      dispatch(showToast({ severity: \"error\", summary: \"Error\", detail }));\n    }\n  }, [dispatch, isGenerateCodeError, generateCodeError]);\n\n  useEffect(() => {\n    if (isGenerateCodeSuceess) {\n      dispatch(showToast({ severity: \"success\", summary: \"Success\", detail: \"Code Generated Successfully\" }));\n    }\n  }, [dispatch, isGenerateCodeSuceess]);\n\n  const handleRefreshPermission = () => {\n    refreshPermission(\"\");\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) return null;\n    return (\n      <button\n        type=\"button\"\n        className=\"text-primary border-0 bg-transparent cursor-pointer\"\n        onClick={() => {\n          setGenerateCodeForModule(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-module-list w-full\">\n      <div className=\"flex gap-3 mb-4 align-items-center flex-wrap\">\n        <CreateButton />\n        <SolidButton className=\"small-button\" onClick={handleRefreshPermission} label=\"Refresh Permissions\" />\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-column md:flex-row align-items-start gap-3 mb-3\">\n        <SolidInput\n          value={pendingFilters.displayName.value ?? \"\"}\n          onChange={(event) => handleFilterInputChange(\"displayName\", event.currentTarget.value)}\n          placeholder=\"Search module by name\"\n          className=\"w-full md:w-20rem\"\n        />\n        <div className=\"flex align-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-content-center my-3\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={moduleMetadata}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No Modules 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 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 Modules?</p>\n        <div className=\"flex justify-content-center gap-3 mt-3\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setDialogVisible(false)} />\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          setGenerateCodeForModule(null);\n        }}\n      >\n        <p className=\"text-center\">Proceed with module code generation? Existing files will be overwritten.</p>\n        <div className=\"flex justify-content-center gap-3 mt-3\">\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"]}