@solidxai/core-ui 0.1.3 → 0.1.4-beta.1

package/dist/components/core/tree/SolidTreeView.js

@@ -0,0 +1,1179 @@
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+import { Toast } from "primereact/toast";
+import { useDispatch, useSelector } from "react-redux";
+import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
+import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
+import qs from "qs";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
+import { Button } from "primereact/button";
+import { permissionExpression } from "../../../helpers/permissions";
+import { SolidCreateButton } from "../common/SolidCreateButton";
+import { Dialog } from "primereact/dialog";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { TreeTable } from "primereact/treetable";
+import { Dropdown } from "primereact/dropdown";
+import { Column } from "primereact/column";
+import { SolidListViewColumn } from "../list/SolidListViewColumn";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { useSession } from "../../../hooks/useSession";
+import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
+import { SolidListViewConfigure } from "../list/SolidListViewConfigure";
+import CompactImage from '../../../resources/images/layout/images/compact.png';
+import CozyImage from '../../../resources/images/layout/images/cozy.png';
+import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
+import { Divider } from "primereact/divider";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage } from "../list/SolidListView";
+import { HomePageModuleSvg } from "../../Svg/HomePageModuleSvg";
+import { getExtensionFunction } from "../../../helpers/registry";
+import { Tooltip } from "primereact/tooltip";
+var DEFAULT_PAGE_SIZE = 25;
+// ─── Component ────────────────────────────────────────────────────────────────
+export var SolidTreeView = forwardRef(function (params, ref) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var toast = useRef(null);
+    var dispatch = useDispatch();
+    var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
+    var searchParams = useSearchParams();
+    var session = useSession();
+    var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
+    var solidGlobalSearchElementRef = useRef(null);
+    var _x = useState(false), showSaveFilterPopup = _x[0], setShowSaveFilterPopup = _x[1];
+    var _y = useState(false), showGlobalSearchElement = _y[0], setShowGlobalSearchElement = _y[1];
+    var _z = useState([]), toPopulate = _z[0], setToPopulate = _z[1];
+    var _0 = useState([]), toPopulateMedia = _0[0], setToPopulateMedia = _0[1];
+    var _1 = useState([]), actionsAllowed = _1[0], setActionsAllowed = _1[1];
+    var _2 = useState(), createButtonUrl = _2[0], setCreateButtonUrl = _2[1];
+    var _3 = useState({}), createActionQueryParams = _3[0], setCreateActionQueryParams = _3[1];
+    var _4 = useState([]), selectedRecords = _4[0], setSelectedRecords = _4[1];
+    var _5 = useState([]), selectedRecoverRecords = _5[0], setSelectedRecoverRecords = _5[1];
+    var _6 = useState([]), groupingRules = _6[0], setGroupingRules = _6[1];
+    var _7 = useState([]), aggregationRules = _7[0], setAggregationRules = _7[1];
+    var _8 = useState([]), treeNodes = _8[0], setTreeNodes = _8[1];
+    var _9 = useState({}), selectedNodeKeys = _9[0], setSelectedNodeKeys = _9[1];
+    var _10 = useState({}), expandedKeys = _10[0], setExpandedKeys = _10[1];
+    var _11 = useState(false), treeLoading = _11[0], setTreeLoading = _11[1];
+    var _12 = useState(""), sortField = _12[0], setSortField = _12[1];
+    var _13 = useState(0), sortOrder = _13[0], setSortOrder = _13[1];
+    var _14 = useState([10, 25, 50]), pageSizeOptions = _14[0], setPageSizeOptions = _14[1];
+    var _15 = useState(25), globalLimit = _15[0], setGlobalLimit = _15[1];
+    var _16 = useState(false), isDeleteRecordsDialogVisible = _16[0], setDeleteRecordsDialogVisible = _16[1];
+    var _17 = useState(false), isRecoverDialogVisible = _17[0], setRecoverDialogVisible = _17[1];
+    var _18 = useState(false), showArchived = _18[0], setShowArchived = _18[1];
+    var sizeOptions = [
+        { label: "Compact", value: "small", image: CompactImage },
+        { label: "Cozy", value: "normal", image: CozyImage },
+        { label: "Comfortable", value: "large", image: ComfortableImage },
+    ];
+    var _19 = useState(sizeOptions[1].value), size = _19[0], setSize = _19[1];
+    var _20 = useState([]), viewModes = _20[0], setViewModes = _20[1];
+    // ── Pagination state ──────────────────────────────────────────────────────
+    /**
+     * Key: "root" for top-level group list; node.key (string) for any other node.
+     * Value: { offset, limit, total }
+     */
+    var _21 = useState({}), paginationMap = _21[0], setPaginationMap = _21[1];
+    var getPagination = function (key) { var _a; return (_a = paginationMap[key]) !== null && _a !== void 0 ? _a : { offset: 0, limit: globalLimit, total: 0 }; };
+    var setPagination = function (key, entry) {
+        return setPaginationMap(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, getPagination(key)), entry), _a)));
+        });
+    };
+    // ── Pagination helpers ────────────────────────────────────────────────────
+    var hasPrev = function (key) { return getPagination(key).offset > 0; };
+    var hasNext = function (key) {
+        var _a = getPagination(key), offset = _a.offset, limit = _a.limit, total = _a.total;
+        // total here is the count of records returned by the last fetch for that node.
+        // We consider "has next" when we received a full page (i.e. there might be more).
+        return offset + limit < total;
+    };
+    // ─────────────────────────────────────────────────────────────────────────
+    var menuItemId = searchParams.get("menuItemId");
+    var menuItemName = searchParams.get("menuItemName");
+    var actionId = searchParams.get("actionId");
+    var actionName = searchParams.get("actionName");
+    var entityApi = createSolidEntityApi(params.modelName);
+    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntitiesQuery = entityApi.useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery = entityApi.useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation = entityApi.useRecoverSolidEntityMutation;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _22 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _22[0], _23 = _22[1], recoverByIdData = _23.data, recoverByIdIsLoading = _23.isLoading, recoverByIdError = _23.error, recoverByIdIsError = _23.isError, recoverByIdIsSuccess = _23.isSuccess;
+    var _24 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _24[0], _25 = _24[1], recoverByData = _25.data, recoverByIsLoading = _25.isLoading, recoverError = _25.error, recoverIsError = _25.isError, recoverByIsSuccess = _25.isSuccess;
+    var treeViewMetaDataQs = qs.stringify({
+        modelName: params.modelName,
+        moduleName: params.moduleName,
+        viewType: "list",
+        menuItemId: menuItemId,
+        menuItemName: menuItemName,
+        actionId: actionId,
+        actionName: actionName,
+    }, { encodeValuesOnly: true });
+    var solidTreeViewMetaData = useGetSolidViewLayoutQuery(treeViewMetaDataQs).data;
+    var solidTreeViewLayout = params.customLayout || ((_c = (_b = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout);
+    var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
+    useEffect(function () {
+        var fetchPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var permissionNames, queryData, queryString, response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!params.modelName) return [3 /*break*/, 2];
+                        permissionNames = [
+                            permissionExpression(params.modelName, 'create'),
+                            permissionExpression(params.modelName, 'delete'),
+                            permissionExpression(params.modelName, 'update'),
+                            permissionExpression(params.modelName, 'deleteMany'),
+                            permissionExpression(params.modelName, 'findOne'),
+                            permissionExpression(params.modelName, 'findMany'),
+                            permissionExpression(params.modelName, 'insertMany'),
+                            permissionExpression('importTransaction', 'create'),
+                            permissionExpression('exportTransaction', 'create'),
+                            permissionExpression('userViewMetadata', 'create'),
+                            permissionExpression('savedFilters', 'create')
+                        ];
+                        queryData = {
+                            permissionNames: permissionNames,
+                        };
+                        queryString = qs.stringify(queryData, {
+                            encodeValuesOnly: true,
+                        });
+                        return [4 /*yield*/, triggerCheckIfPermissionExists(queryString)];
+                    case 1:
+                        response = _a.sent();
+                        setActionsAllowed(response.data.data);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchPermissions();
+    }, [params.modelName]);
+    var deleteManySolidEntities = useDeleteMultipleSolidEntitiesMutation()[0];
+    var treeViewTitle = (_e = (_d = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.displayName;
+    var toggleBothSidebars = function () {
+        if (visibleNavbar) {
+            dispatch(toggleNavbar());
+        }
+        else {
+            dispatch(showNavbar());
+        }
+    };
+    var _26 = useState(null), filters = _26[0], setFilters = _26[1];
+    var _27 = useState(null), filterPredicates = _27[0], setFilterPredicates = _27[1];
+    var latestFiltersRef = useRef(filters);
+    var latestFilterPredicatesRef = useRef(filterPredicates);
+    var activeGroupingRules = useMemo(function () { return (groupingRules || []).filter(function (rule) { return !!(rule === null || rule === void 0 ? void 0 : rule.fieldName); }); }, [groupingRules]);
+    useEffect(function () { latestFiltersRef.current = filters; }, [filters]);
+    useEffect(function () { latestFilterPredicatesRef.current = filterPredicates; }, [filterPredicates]);
+    useEffect(function () {
+        var _a;
+        if (solidTreeViewMetaData) {
+            setViewModes((_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.viewModes);
+        }
+    }, [solidTreeViewMetaData]);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f;
+        var solidFieldsMetadata = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
+        var queryObject = getFilterObjectFromLocalStorage();
+        var layoutPageSizeOptions = (_e = (_d = (_c = (_b = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.pageSizeOptions;
+        var currentOptions = (Array.isArray(layoutPageSizeOptions) && layoutPageSizeOptions.length > 0)
+            ? layoutPageSizeOptions
+            : [15, 25, 50];
+        setPageSizeOptions(currentOptions);
+        if (queryObject) {
+            setToPopulate(queryObject.populate || []);
+            setToPopulateMedia(queryObject.populateMedia || []);
+            setSortField(queryObject.sortField || "");
+            setSortOrder(queryObject.sortOrder || 0);
+            var savedLimit = queryObject.limit;
+            if (savedLimit && currentOptions.includes(savedLimit)) {
+                setGlobalLimit(savedLimit);
+            }
+            else {
+                setGlobalLimit(currentOptions[0]);
+            }
+        }
+        else {
+            if (!solidTreeViewLayout || !solidFieldsMetadata) {
+                setToPopulate([]);
+                setToPopulateMedia([]);
+                setGlobalLimit(currentOptions[0]);
+                return;
+            }
+            var nextPopulate = [];
+            var nextPopulateMedia = [];
+            for (var _i = 0, _g = (solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.children) || []; _i < _g.length; _i++) {
+                var column = _g[_i];
+                var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[(_f = column === null || column === void 0 ? void 0 : column.attrs) === null || _f === void 0 ? void 0 : _f.name];
+                if (!fieldMetadata)
+                    continue;
+                if (fieldMetadata.type === "relation" && fieldMetadata.relationType === "many-to-one") {
+                    if (!nextPopulate.includes(fieldMetadata.name))
+                        nextPopulate.push(fieldMetadata.name);
+                }
+                if (fieldMetadata.type === "mediaSingle" || fieldMetadata.type === "mediaMultiple") {
+                    if (!nextPopulateMedia.includes(fieldMetadata.name))
+                        nextPopulateMedia.push(fieldMetadata.name);
+                }
+            }
+            setToPopulate(nextPopulate);
+            setToPopulateMedia(nextPopulateMedia);
+            setGlobalLimit(currentOptions[0]);
+        }
+    }, [solidTreeViewLayout, solidTreeViewMetaData]);
+    useEffect(function () {
+        // event invocation is not tested
+        if (solidTreeViewMetaData && (solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data)) {
+            var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var dynamicHeader, dynamicExtensionFunction, treeLayout, treeViewNodes, event, updatedListData;
+                var _a, _b, _c, _d, _e, _f, _g;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            dynamicHeader = (_c = (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onTreeLoad;
+                            dynamicExtensionFunction = null;
+                            treeLayout = (_e = (_d = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout;
+                            treeViewNodes = treeNodes;
+                            if (params.customLayout) {
+                                treeLayout = params.customLayout;
+                            }
+                            event = {
+                                fieldsMetadata: (_f = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidFieldsMetadata,
+                                type: "onTreeLoad",
+                                nodes: treeViewNodes,
+                                viewMetadata: (_g = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView,
+                                treeViewLayout: treeLayout,
+                                queryParams: {
+                                    menuItemId: menuItemId,
+                                    menuItemName: menuItemName,
+                                    actionId: actionId,
+                                    actionName: actionName,
+                                },
+                                user: user,
+                                session: session.data,
+                                params: params
+                            };
+                            if (!dynamicHeader) return [3 /*break*/, 3];
+                            dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                            if (!dynamicExtensionFunction) return [3 /*break*/, 2];
+                            return [4 /*yield*/, dynamicExtensionFunction(event)];
+                        case 1:
+                            updatedListData = _h.sent();
+                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.dataChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newNodes)) {
+                                treeViewNodes = updatedListData.newNodes;
+                            }
+                            if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.layoutChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newLayout)) {
+                                treeLayout = updatedListData.newLayout;
+                            }
+                            _h.label = 2;
+                        case 2:
+                            if (treeViewNodes) {
+                                setTreeNodes(treeViewNodes);
+                            }
+                            if (treeLayout) {
+                                solidTreeViewLayout(treeLayout);
+                            }
+                            _h.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); };
+            handleDynamicFunction();
+        }
+    }, [treeNodes]);
+    // ─── Field / filter helpers ───────────────────────────────────────────────
+    var getFieldMetadata = function (fieldName) { var _a, _b; return (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata) === null || _b === void 0 ? void 0 : _b[fieldName]; };
+    var getResolvedGroupField = function (fieldName) {
+        var _a, _b;
+        var fieldMetadata = getFieldMetadata(fieldName);
+        if ((fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type) === "relation" &&
+            (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationType) === "many-to-one" &&
+            ((_b = (_a = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _a === void 0 ? void 0 : _a.userKeyField) === null || _b === void 0 ? void 0 : _b.name)) {
+            return "".concat(fieldName, ".").concat(fieldMetadata.relationModel.userKeyField.name);
+        }
+        return fieldName;
+    };
+    var toGroupByParam = function (rule) {
+        var fieldName = String(rule.fieldName);
+        var resolvedField = getResolvedGroupField(fieldName);
+        if (!rule.dateGrouping)
+            return resolvedField;
+        if (rule.dateGrouping === "YYYY")
+            return "".concat(resolvedField, ":year:YYYY");
+        if (rule.dateGrouping === "MMM")
+            return "".concat(resolvedField, ":month:MMM");
+        if (rule.dateGrouping === "YYYY-MM")
+            return "".concat(resolvedField, ":month:YYYY-MM");
+        if (rule.dateGrouping === "YYYY-MM-DD")
+            return "".concat(resolvedField, ":day:YYYY-MM-DD");
+        return resolvedField;
+    };
+    // const dateTimeImplicitFilter = (rule: GroupingRule) => {
+    //   const fieldMetadata = getFieldMetadata(String(rule.fieldName));
+    //   return !!rule.dateGrouping && ["date", "datetime"].includes(fieldMetadata?.type);
+    // };
+    var getDateGranularity = function (rule) {
+        var fieldMetadata = getFieldMetadata(String(rule.fieldName));
+        if (rule.dateGrouping && ["date", "datetime"].includes(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
+            switch (rule.dateGrouping) {
+                case "YYYY":
+                    return "year";
+                case "MMM":
+                    return "month";
+                case "YYYY-MM":
+                    return "month";
+                case "YYYY-MM-DD":
+                    return "day";
+            }
+        }
+        return null;
+    };
+    var buildNestedEqCondition = function (fieldPath, value, dateGranularity) {
+        var _a;
+        var parts = fieldPath.split(".").filter(Boolean);
+        if (parts.length === 0)
+            return {};
+        if (dateGranularity) {
+            return _a = {}, _a["".concat(parts[0], ":").concat(dateGranularity)] = { $eq: value }, _a;
+        }
+        return parts.reduceRight(function (acc, part) {
+            var _a;
+            return (_a = {}, _a[part] = acc, _a);
+        }, { $eq: value });
+    };
+    var buildImplicitFiltersFromPath = function (groupPath) {
+        return groupPath
+            // .filter((item) => !item.skipImplicitFilter)
+            .map(function (item) { return buildNestedEqCondition(item.filterField, item.value, item.dateGranularity); });
+    };
+    var mergeFiltersWithImplicit = function (implicitFilters) {
+        var _a;
+        var baseFilters = latestFiltersRef.current;
+        var hasBaseFilters = baseFilters && Object.keys(baseFilters).length > 0;
+        if (!hasBaseFilters && implicitFilters.length === 0)
+            return null;
+        var merged = hasBaseFilters ? structuredClone(baseFilters) : { $and: [] };
+        if (implicitFilters.length === 0)
+            return merged;
+        if (Array.isArray(merged.$and)) {
+            (_a = merged.$and).push.apply(_a, implicitFilters);
+            return merged;
+        }
+        return { $and: __spreadArray([merged], implicitFilters, true) };
+    };
+    var buildAggregates = function () {
+        var derivedAggregates = (aggregationRules || [])
+            .filter(function (rule) { return !!(rule === null || rule === void 0 ? void 0 : rule.fieldName) && !!(rule === null || rule === void 0 ? void 0 : rule.operator); })
+            .map(function (rule) { return "".concat(rule.fieldName, ":").concat(rule.operator); });
+        return derivedAggregates.length > 0 ? derivedAggregates : ["id:count"];
+    };
+    var extractGroupCount = function (groupMeta) {
+        if ((groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.id_count) !== undefined)
+            return groupMeta.id_count;
+        var countKey = Object.keys(groupMeta || {}).find(function (key) { return key.endsWith("_count"); });
+        if (countKey)
+            return groupMeta[countKey];
+        return undefined;
+    };
+    var normalizeRecord = function (record) {
+        var newRecord = __assign({}, record);
+        Object.entries(newRecord).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (typeof value === "string") {
+                try {
+                    var parsed = JSON.parse(value);
+                    if (Array.isArray(parsed))
+                        newRecord[key] = parsed.join(", ");
+                }
+                catch (_b) {
+                    if (/^\[.*\]$/.test(value))
+                        newRecord[key] = value.replace(/[\[\]"]+/g, "");
+                }
+            }
+        });
+        return newRecord;
+    };
+    var formatHeader = function (key) {
+        return key
+            .split("_")
+            .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
+            .join(" ");
+    };
+    var getSortParam = function (ruleIndex) {
+        if (!sortField || !sortOrder)
+            return null;
+        var dir = sortOrder === 1 ? "ASC" : "DESC";
+        // 1. Sorting by the "Group" column
+        if (sortField === "__group") {
+            var rule = activeGroupingRules[ruleIndex];
+            if (!rule)
+                return null;
+            // At this level, sort by the field we are grouping by
+            return "".concat(toGroupByParam(rule), ":").concat(dir);
+        }
+        // 2. Sorting by an aggregate column
+        var isAggregate = aggregationRules.some(function (rule) {
+            var responseKey = "".concat(rule.fieldName, ":").concat(rule.operator);
+            return responseKey === sortField || "".concat(rule.fieldName, "_").concat(rule.operator) === sortField;
+        });
+        if (isAggregate) {
+            var _a = sortField.includes(":") ? sortField.split(":") : sortField.split("_"), field = _a[0], op = _a[1];
+            // For leaf level: only field:DIR
+            if (ruleIndex >= activeGroupingRules.length) {
+                return "".concat(field, ":").concat(dir);
+            }
+            // For group levels: field:operator:DIR
+            return "".concat(field, ":").concat(op, ":").concat(dir);
+        }
+        // 3. Sorting by a leaf column (regular record field)
+        return "".concat(sortField, ":").concat(dir);
+    };
+    // ─── API fetch helpers (now accept offset + limit) ────────────────────────
+    var runGroupedQuery = function (ruleIndex, groupPath, offset, limit) { return __awaiter(void 0, void 0, void 0, function () {
+        var rule, queryData, sortParam, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, response;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    rule = activeGroupingRules[ruleIndex];
+                    if (!(rule === null || rule === void 0 ? void 0 : rule.fieldName))
+                        return [2 /*return*/, { response: null }];
+                    queryData = {
+                        offset: offset,
+                        limit: limit,
+                        groupBy: [toGroupByParam(rule)],
+                        aggregates: buildAggregates(),
+                    };
+                    sortParam = getSortParam(ruleIndex);
+                    if (sortParam)
+                        queryData.sort = [sortParam];
+                    implicitFilters = buildImplicitFiltersFromPath(groupPath);
+                    mergedFilters = mergeFiltersWithImplicit(implicitFilters);
+                    if (mergedFilters)
+                        queryData.filters = mergedFilters;
+                    dynamicHeader = (_c = (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onBeforeTreeDataLoad;
+                    dynamicExtensionFunction = null;
+                    event = {
+                        type: "onBeforeTreeDataLoad",
+                        level: ruleIndex,
+                        levelFieldName: rule.fieldName,
+                        fieldsMetadata: (_d = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidFieldsMetadata,
+                        viewMetadata: (_e = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView,
+                        treeViewLayout: solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data.solidView.layout,
+                        filter: structuredClone(queryData),
+                        queryParams: {
+                            menuItemId: menuItemId,
+                            menuItemName: menuItemName,
+                            actionId: actionId,
+                            actionName: actionName,
+                        },
+                        user: user,
+                        session: session.data,
+                        params: params
+                    };
+                    if (!dynamicHeader) return [3 /*break*/, 4];
+                    dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                    if (!dynamicExtensionFunction) return [3 /*break*/, 4];
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, dynamicExtensionFunction(event)];
+                case 2:
+                    updatedListData = _f.sent();
+                    if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.filterApplied) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter)) {
+                        queryData = updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter;
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _f.sent();
+                    console.error("Error executing onBeforeTreeDataLoad extension:", err_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+                    return [4 /*yield*/, triggerGetSolidEntities(queryString).unwrap()];
+                case 5:
+                    response = _f.sent();
+                    return [2 /*return*/, { queryData: queryData, queryString: queryString, response: response }];
+            }
+        });
+    }); };
+    var runLeafQuery = function (groupPath, offset, limit) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_2, queryString, response;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    queryData = {
+                        offset: offset,
+                        limit: limit,
+                        sort: getSortParam(groupPath.length) ? [getSortParam(groupPath.length)] : ["id:desc"],
+                        populate: toPopulate,
+                        populateMedia: toPopulateMedia,
+                    };
+                    implicitFilters = buildImplicitFiltersFromPath(groupPath);
+                    mergedFilters = mergeFiltersWithImplicit(implicitFilters);
+                    if (mergedFilters)
+                        queryData.filters = mergedFilters;
+                    dynamicHeader = (_c = (_b = (_a = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onBeforeTreeDataLoad;
+                    dynamicExtensionFunction = null;
+                    event = {
+                        type: "onBeforeTreeDataLoad",
+                        level: groupPath.length,
+                        levelFieldName: groupPath[groupPath.length - 1].fieldName,
+                        fieldsMetadata: (_d = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidFieldsMetadata,
+                        viewMetadata: (_e = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView,
+                        treeViewLayout: solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data.solidView.layout,
+                        filter: structuredClone(queryData),
+                        queryParams: {
+                            menuItemId: menuItemId,
+                            menuItemName: menuItemName,
+                            actionId: actionId,
+                            actionName: actionName,
+                        },
+                        user: user,
+                        session: session.data,
+                        params: params
+                    };
+                    if (!dynamicHeader) return [3 /*break*/, 4];
+                    dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                    if (!dynamicExtensionFunction) return [3 /*break*/, 4];
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, dynamicExtensionFunction(event)];
+                case 2:
+                    updatedListData = _f.sent();
+                    if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.filterApplied) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter)) {
+                        queryData = updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter;
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_2 = _f.sent();
+                    console.error("Error executing onBeforeTreeDataLoad extension:", err_2);
+                    return [3 /*break*/, 4];
+                case 4:
+                    queryString = qs.stringify(queryData, { encodeValuesOnly: true });
+                    return [4 /*yield*/, triggerGetSolidEntities(queryString).unwrap()];
+                case 5:
+                    response = _f.sent();
+                    return [2 /*return*/, { queryData: queryData, queryString: queryString, response: response }];
+            }
+        });
+    }); };
+    // ─── Node builders ────────────────────────────────────────────────────────
+    var buildGroupNodes = function (groupMetaRows, ruleIndex, parentPath, parentKey) {
+        var rule = activeGroupingRules[ruleIndex];
+        if (!(rule === null || rule === void 0 ? void 0 : rule.fieldName))
+            return [];
+        var fieldName = String(rule.fieldName);
+        var filterField = getResolvedGroupField(fieldName);
+        // const dateGranularity = dateTimeImplicitFilter(rule);
+        var dateGranularity = getDateGranularity(rule);
+        return (groupMetaRows || []).map(function (groupMeta, index) {
+            var _a, _b;
+            var groupLabel = (_a = groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupName) !== null && _a !== void 0 ? _a : "(empty)";
+            var groupValue = (_b = groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupValue) !== null && _b !== void 0 ? _b : "(empty)";
+            var idCount = extractGroupCount(groupMeta);
+            var groupPath = __spreadArray(__spreadArray([], parentPath, true), [
+                { ruleIndex: ruleIndex, fieldName: fieldName, filterField: filterField, value: groupValue, dateGranularity: dateGranularity },
+            ], false);
+            return {
+                key: "".concat(parentKey, "-g-").concat(ruleIndex, "-").concat(index),
+                data: {
+                    __treeMeta: {
+                        nodeType: "group",
+                        ruleIndex: ruleIndex,
+                        groupLabel: groupLabel,
+                        idCount: idCount,
+                        aggregates: groupMeta,
+                        groupPath: groupPath,
+                    },
+                },
+                children: [],
+                leaf: false,
+            };
+        });
+    };
+    var buildRecordNodes = function (records, parentKey, groupPath) {
+        return (records || []).map(function (record, index) {
+            var _a;
+            var normalizedRecord = normalizeRecord(record);
+            return {
+                key: "".concat(parentKey, "-r-").concat((_a = record === null || record === void 0 ? void 0 : record.id) !== null && _a !== void 0 ? _a : index),
+                data: __assign(__assign({}, normalizedRecord), { __treeMeta: {
+                        nodeType: "record",
+                        ruleIndex: groupPath.length,
+                        groupPath: groupPath,
+                    } }),
+                leaf: true,
+            };
+        });
+    };
+    var updateNodeChildren = function (nodes, targetKey, children) {
+        return nodes.map(function (node) {
+            if (node.key === targetKey) {
+                return __assign(__assign({}, node), { children: children, leaf: children.length === 0 });
+            }
+            if (node.children && node.children.length > 0) {
+                return __assign(__assign({}, node), { children: updateNodeChildren(node.children, targetKey, children) });
+            }
+            return node;
+        });
+    };
+    // ─── Root group load / paginate ───────────────────────────────────────────
+    var loadRootGroups = function (offset) {
+        if (offset === void 0) { offset = 0; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var queryObject, limit, response, rootNodes, total, queryData, error_1;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!solidTreeViewMetaData || activeGroupingRules.length === 0) {
+                            setTreeNodes([]);
+                            setExpandedKeys({});
+                            queryObject = getFilterObjectFromLocalStorage();
+                            if (queryObject) {
+                                delete queryObject.grouping_rules;
+                                delete queryObject.aggregation_rules;
+                                setFilterObjectToLocalStorage(queryObject);
+                            }
+                            return [2 /*return*/];
+                        }
+                        limit = globalLimit || DEFAULT_PAGE_SIZE;
+                        setTreeLoading(true);
+                        _d.label = 1;
+                    case 1:
+                        _d.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, runGroupedQuery(0, [], offset, limit)];
+                    case 2:
+                        response = (_d.sent()).response;
+                        rootNodes = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], 0, [], "root");
+                        setTreeNodes(rootNodes);
+                        setExpandedKeys({});
+                        total = (_a = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _a !== void 0 ? _a : 0;
+                        setPagination("root", { offset: offset, total: total });
+                        if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
+                            queryData = {
+                                offset: offset,
+                                limit: limit,
+                                populate: toPopulate,
+                                populateMedia: toPopulateMedia,
+                                sortField: sortField,
+                                sortOrder: sortOrder,
+                                custom_filter_predicate: latestFilterPredicatesRef.current.custom_filter_predicate || null,
+                                search_predicate: latestFilterPredicatesRef.current.search_predicate || null,
+                                saved_filter_predicate: latestFilterPredicatesRef.current.saved_filter_predicate || null,
+                                predefined_search_predicate: latestFilterPredicatesRef.current.predefined_search_predicate || null,
+                                grouping_rules: latestFilterPredicatesRef.current.grouping_rules || null,
+                                aggregation_rules: latestFilterPredicatesRef.current.aggregation_rules || null,
+                            };
+                            setFilterObjectToLocalStorage(queryData);
+                        }
+                        return [3 /*break*/, 5];
+                    case 3:
+                        error_1 = _d.sent();
+                        setTreeNodes([]);
+                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
+                            severity: "error",
+                            summary: "Failed to load tree",
+                            detail: ((_c = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _c === void 0 ? void 0 : _c.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to load grouped data",
+                            life: 4000,
+                        });
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setTreeLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    useEffect(function () {
+        // Reset root pagination on data dependencies change
+        setPaginationMap({});
+        if (filters && filterPredicates) {
+            loadRootGroups(0);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [solidTreeViewMetaData, params.modelName, activeGroupingRules, aggregationRules, filters, sortField, sortOrder, globalLimit]);
+    // ─── Expand handler ───────────────────────────────────────────────────────
+    var loadNodeChildren = function (node, offset) { return __awaiter(void 0, void 0, void 0, function () {
+        var meta, nodeKey, limit, nextRuleIndex, children_1, total, response, response, error_2;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    meta = (_a = node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta;
+                    if (!meta || meta.nodeType !== "group")
+                        return [2 /*return*/];
+                    nodeKey = String(node.key);
+                    limit = getPagination(nodeKey).limit || DEFAULT_PAGE_SIZE;
+                    nextRuleIndex = meta.ruleIndex + 1;
+                    setTreeLoading(true);
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 6, 7, 8]);
+                    children_1 = [];
+                    total = 0;
+                    if (!(nextRuleIndex < activeGroupingRules.length)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, runGroupedQuery(nextRuleIndex, meta.groupPath || [], offset, limit)];
+                case 2:
+                    response = (_f.sent()).response;
+                    children_1 = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], nextRuleIndex, meta.groupPath || [], nodeKey);
+                    total = (_b = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _b !== void 0 ? _b : 0;
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, runLeafQuery(meta.groupPath || [], offset, limit)];
+                case 4:
+                    response = (_f.sent()).response;
+                    children_1 = buildRecordNodes((response === null || response === void 0 ? void 0 : response.records) || [], nodeKey, meta.groupPath || []);
+                    total = (_c = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _c !== void 0 ? _c : 0;
+                    _f.label = 5;
+                case 5:
+                    setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, children_1); });
+                    setPagination(nodeKey, { offset: offset, total: total });
+                    // Collapse all immediate children's expanded state so stale
+                    // sub-trees don't appear open with no data after pagination.
+                    if (offset !== 0 || children_1.length > 0) {
+                        setExpandedKeys(function (prevKeys) {
+                            var next = __assign({}, prevKeys);
+                            Object.keys(next).forEach(function (k) {
+                                if (k !== nodeKey && k.startsWith("".concat(nodeKey, "-"))) {
+                                    delete next[k];
+                                }
+                            });
+                            return next;
+                        });
+                        // Also wipe pagination state for all descendant keys so page
+                        // counters don't carry over to the newly loaded children.
+                        setPaginationMap(function (prevMap) {
+                            var next = __assign({}, prevMap);
+                            Object.keys(next).forEach(function (k) {
+                                if (k !== nodeKey && k.startsWith("".concat(nodeKey, "-"))) {
+                                    delete next[k];
+                                }
+                            });
+                            return next;
+                        });
+                    }
+                    return [3 /*break*/, 8];
+                case 6:
+                    error_2 = _f.sent();
+                    (_d = toast.current) === null || _d === void 0 ? void 0 : _d.show({
+                        severity: "error",
+                        summary: "Failed to expand node",
+                        detail: ((_e = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _e === void 0 ? void 0 : _e.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load children",
+                        life: 4000,
+                    });
+                    setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, []); });
+                    return [3 /*break*/, 8];
+                case 7:
+                    setTreeLoading(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleNodeExpand = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var node, nodeKey, alreadyLoaded, isChecked;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    node = event === null || event === void 0 ? void 0 : event.node;
+                    if (!node)
+                        return [2 /*return*/];
+                    nodeKey = String(node.key);
+                    alreadyLoaded = node.children && node.children.length > 0;
+                    if (!!alreadyLoaded) return [3 /*break*/, 2];
+                    return [4 /*yield*/, loadNodeChildren(node, 0)];
+                case 1:
+                    _b.sent();
+                    _b.label = 2;
+                case 2:
+                    isChecked = ((_a = selectedNodeKeys === null || selectedNodeKeys === void 0 ? void 0 : selectedNodeKeys[nodeKey]) === null || _a === void 0 ? void 0 : _a.checked) === true;
+                    if (!isChecked)
+                        return [2 /*return*/];
+                    // Use setTreeNodes callback to read the latest tree state after loadNodeChildren
+                    // has updated it, then select all immediate children.
+                    setTreeNodes(function (currentNodes) {
+                        var _a;
+                        var parentNode = findNodeByKey(currentNodes, nodeKey);
+                        if (!((_a = parentNode === null || parentNode === void 0 ? void 0 : parentNode.children) === null || _a === void 0 ? void 0 : _a.length))
+                            return currentNodes;
+                        setSelectedNodeKeys(function (prevKeys) {
+                            var next = __assign({}, prevKeys);
+                            parentNode.children.forEach(function (child) {
+                                var _a, _b;
+                                next[String(child.key)] = {
+                                    checked: true,
+                                    partialChecked: false,
+                                    nodeType: (_b = (_a = child.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType, // already on the node
+                                };
+                            });
+                            return next;
+                        });
+                        return currentNodes; // tree shape unchanged, we only need the read
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // ─── Pagination click handlers ────────────────────────────────────────────
+    /**
+     * Navigate root-level groups to next/prev page.
+     */
+    var handleRootPageChange = function (direction) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, offset, limit, nextOffset;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = getPagination("root"), offset = _a.offset, limit = _a.limit;
+                    nextOffset = direction === "prev"
+                        ? Math.max(0, offset - limit)
+                        : offset + limit;
+                    return [4 /*yield*/, loadRootGroups(nextOffset)];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    /**
+     * Navigate a node's children to next/prev page.
+     * We need to find the node in the tree by key to call loadNodeChildren.
+     */
+    var findNodeByKey = function (nodes, key) {
+        for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
+            var node = nodes_1[_i];
+            if (node.key === key)
+                return node;
+            if (node.children) {
+                var found = findNodeByKey(node.children, key);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    var handleNodePageChange = function (nodeKey, direction) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, offset, limit, nextOffset, node;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = getPagination(nodeKey), offset = _a.offset, limit = _a.limit;
+                    nextOffset = direction === "prev"
+                        ? Math.max(0, offset - limit)
+                        : offset + limit;
+                    node = findNodeByKey(treeNodes, nodeKey);
+                    if (!node)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, loadNodeChildren(node, nextOffset)];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // ─── Filter handler ───────────────────────────────────────────────────────
+    var handleApplyCustomFilter = function (nextFilterPredicates, persistFilter) {
+        if (persistFilter === void 0) { persistFilter = false; }
+        var queryfilter = structuredClone(params.customFilter) || { $and: [] };
+        if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.custom_filter_predicate)
+            queryfilter.$and.push(nextFilterPredicates.custom_filter_predicate);
+        if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.search_predicate)
+            queryfilter.$and.push(nextFilterPredicates.search_predicate);
+        if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.saved_filter_predicate)
+            queryfilter.$and.push(nextFilterPredicates.saved_filter_predicate);
+        if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.predefined_search_predicate)
+            queryfilter.$and.push(nextFilterPredicates.predefined_search_predicate);
+        latestFiltersRef.current = queryfilter;
+        var updatedFilterPredicates = structuredClone(nextFilterPredicates || {});
+        updatedFilterPredicates.persistFilter = persistFilter;
+        latestFilterPredicatesRef.current = updatedFilterPredicates;
+        setFilters(queryfilter);
+        setFilterPredicates(updatedFilterPredicates);
+        var grouping_rules = updatedFilterPredicates.grouping_rules;
+        var aggregation_rules = updatedFilterPredicates.aggregation_rules;
+        setGroupingRules(Array.isArray(grouping_rules) ? grouping_rules : []);
+        setAggregationRules(Array.isArray(aggregation_rules) ? aggregation_rules : []);
+    };
+    // ─── Bulk delete ──────────────────────────────────────────────────────────
+    // handle bulk deletion
+    var deleteBulk = function () {
+        var deleteList = [];
+        selectedRecords.forEach(function (element) {
+            deleteList.push(element.id);
+        });
+        deleteManySolidEntities(deleteList)
+            .unwrap()
+            .then(function () {
+            var _a;
+            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                severity: 'success',
+                summary: 'Deleted',
+                detail: ERROR_MESSAGES.RECORD_DELETE,
+                life: 3000
+            });
+            setDeleteRecordsDialogVisible(false);
+        })
+            .catch(function (error) {
+            var _a, _b;
+            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                severity: 'error',
+                summary: 'Delete Failed',
+                detail: (_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.message,
+                life: 4000
+            });
+        });
+    };
+    // handle closing of the delete dialog...
+    var onDeleteClose = function () {
+        setDeleteRecordsDialogVisible(false);
+        setSelectedRecords([]);
+        setSelectedRecoverRecords([]);
+    };
+    var recoverAll = function () {
+        var recoverList = [];
+        selectedRecoverRecords.forEach(function (element) {
+            recoverList.push(element.id);
+        });
+        triggerRecoverSolidEntities(recoverList);
+        setRecoverDialogVisible(false);
+    };
+    var handleFetchUpdatedRecords = function () {
+        // setQueryString();
+    };
+    // ─── Column rendering ─────────────────────────────────────────────────────
+    var renderColumnsDynamically = function () {
+        var _a;
+        if (!(solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) || !solidTreeViewLayout)
+            return null;
+        var solidFieldsMetadata = solidTreeViewMetaData.data.solidFieldsMetadata;
+        if (!solidFieldsMetadata)
+            return null;
+        return (_a = solidTreeViewLayout.children) === null || _a === void 0 ? void 0 : _a.map(function (column) {
+            var _a, _b, _c;
+            var fieldMetadata = solidFieldsMetadata[column.attrs.name];
+            if (!fieldMetadata)
+                return null;
+            var visibleToRole = ((_a = column === null || column === void 0 ? void 0 : column.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
+            if (visibleToRole.length > 0 && !hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, visibleToRole))
+                return null;
+            var listColumn = SolidListViewColumn({
+                solidListViewMetaData: solidTreeViewMetaData,
+                fieldMetadata: fieldMetadata,
+                column: column,
+                setLightboxUrls: function () { },
+                setOpenLightbox: function () { },
+            });
+            if (!React.isValidElement(listColumn))
+                return null;
+            var originalBody = (_b = listColumn === null || listColumn === void 0 ? void 0 : listColumn.props) === null || _b === void 0 ? void 0 : _b.body;
+            var originalProps = (listColumn === null || listColumn === void 0 ? void 0 : listColumn.props) || {};
+            var mergedColumnStyle = __assign({ minWidth: "12rem" }, (originalProps.style || {}));
+            return (_jsx(Column, { field: (_c = originalProps.field) !== null && _c !== void 0 ? _c : fieldMetadata.name, header: originalProps.header, 
+                // sortable
+                style: mergedColumnStyle, className: originalProps.className, headerClassName: originalProps.headerClassName, bodyClassName: originalProps.bodyClassName, align: originalProps.align, alignHeader: originalProps.alignHeader, body: function (node, options) {
+                    var _a, _b;
+                    var rowData = (_a = node === null || node === void 0 ? void 0 : node.data) !== null && _a !== void 0 ? _a : node;
+                    var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
+                    if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) === "group")
+                        return _jsx("span", { children: "\u00A0" });
+                    if (typeof originalBody === "function")
+                        return originalBody(rowData, options);
+                    return (_b = rowData === null || rowData === void 0 ? void 0 : rowData[fieldMetadata.name]) !== null && _b !== void 0 ? _b : _jsx("span", { children: "\u00A0" });
+                } }, "tree-col-".concat(fieldMetadata.name)));
+        });
+    };
+    var renderAggregateColumns = function () {
+        if (activeGroupingRules.length === 0)
+            return null;
+        var derivedAggregates = buildAggregates();
+        // derivedAggregates is an array like ["id:count", "price:sum"]
+        // We want to render columns for each of these.
+        return derivedAggregates.map(function (agg) {
+            var _a = agg.split(":"), field = _a[0], operator = _a[1];
+            var responseKey = "".concat(field, "_").concat(operator);
+            var header = formatHeader(responseKey);
+            return (_jsx(Column, { field: responseKey, header: header, sortable: true, style: { minWidth: "8rem" }, body: function (node) {
+                    var _a, _b;
+                    var rowData = (_a = node === null || node === void 0 ? void 0 : node.data) !== null && _a !== void 0 ? _a : node;
+                    var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
+                    if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group")
+                        return _jsx("span", { children: "\u00A0" });
+                    var value = (_b = nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.aggregates) === null || _b === void 0 ? void 0 : _b[responseKey];
+                    return _jsx("span", { children: value !== null && value !== void 0 ? value : 0 });
+                } }, "agg-col-".concat(agg)));
+        });
+    };
+    // ─── Group column body: label + child pagination controls ─────────────────
+    var groupColumnBody = function (node) {
+        var _a;
+        var rowData = node === null || node === void 0 ? void 0 : node.data;
+        var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
+        if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group")
+            return _jsx("span", { children: "\u00A0" });
+        var label = (_a = nodeMeta.groupLabel) !== null && _a !== void 0 ? _a : "";
+        var truncateAfter = 30;
+        return (_jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "solid-table-row", style: { maxWidth: "".concat(truncateAfter, "ch") }, children: _jsx("span", { className: "font-semibold", children: label }) }), truncateAfter && label.length > truncateAfter &&
+                    _jsxs(_Fragment, { children: [_jsx(Tooltip, { target: ".solid-field-tooltip-icon" }), _jsx("i", { className: "pi pi-info-circle solid-field-tooltip-icon", "data-pr-tooltip": label })] })] }));
+    };
+    // ─── Root pagination bar ──────────────────────────────────────────────────
+    var RootPaginationBar = function () {
+        if (activeGroupingRules.length === 0)
+            return null;
+        var _a = getPagination("root"), offset = _a.offset, total = _a.total;
+        var currentPage = Math.floor(offset / globalLimit) + 1;
+        var rootHasPrev = hasPrev("root");
+        var rootHasNext = hasNext("root");
+        if (!rootHasPrev && !rootHasNext)
+            return null;
+        return (_jsxs("div", { style: { width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", borderTop: "1px solid var(--surface-border)" }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.5rem 0.75rem" }, children: [_jsx("span", { className: "text-sm text-color-secondary", children: "Items per page" }), _jsx(Dropdown, { value: globalLimit, options: pageSizeOptions, onChange: function (e) {
+                                setGlobalLimit(e.value);
+                            }, className: "solid-page-size-dropdown", style: { height: '2rem', display: 'flex', alignItems: 'center' } })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.5rem 0.75rem" }, children: [_jsxs("span", { className: "text-sm text-color-secondary", children: [offset + 1, "\u2013", Math.min(offset + globalLimit, total), " of ", total] }), _jsx(Button, { type: "button", icon: "pi pi-angle-left", size: "small", outlined: true, severity: "secondary", disabled: !rootHasPrev || treeLoading, onClick: function () { return handleRootPageChange("prev"); }, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button" }), _jsx(Button, { type: "button", icon: "pi pi-angle-right", iconPos: "right", size: "small", outlined: true, severity: "secondary", disabled: !rootHasNext || treeLoading, onClick: function () { return handleRootPageChange("next"); }, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button" })] })] }));
+    };
+    // ─── Imperative handle ────────────────────────────────────────────────────
+    useImperativeHandle(ref, function () { return ({
+        refresh: function () { void loadRootGroups(getPagination("root").offset); },
+        clearFilters: function () {
+            var _a, _b;
+            setFilters(params.customFilter || { $and: [] });
+            (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.clearFilter) === null || _b === void 0 ? void 0 : _b.call(_a);
+        },
+        applyFilter: function (filter) { handleApplyCustomFilter(filter); },
+        setPagination: function () { },
+        setSort: function (nextSortField, nextSortOrder) {
+            setSortField(nextSortField);
+            setSortOrder(nextSortOrder);
+        },
+        setShowArchived: function () { },
+        getState: function () { return ({
+            first: getPagination("root").offset,
+            rows: getPagination("root").limit,
+            sortField: sortField,
+            sortOrder: sortOrder,
+            showArchived: false,
+            filters: filters,
+            filterPredicates: filterPredicates,
+            listData: treeNodes,
+            totalRecords: getPagination("root").total,
+            loading: treeLoading,
+        }); },
+    }); }, [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
+    // ─── Render ───────────────────────────────────────────────────────────────
+    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle }), ((_h = (_g = (_f = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_l = (_k = (_j = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+                                        ((_p = (_o = (_m = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
+                                        ((_s = (_r = (_q = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.delete) !== false &&
+                                        selectedRecords.length > 0 && (_jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button", outlined: true, onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
+                                        ((_t = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_w = (_v = (_u = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs.enableGlobalSearch) === true &&
+                        showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("style", { children: "\n       \n      " }), _jsx("div", { className: "solid-datatable-wrapper solid-treetable-wrapper flex-1 min-h-0 overflow-auto", children: activeGroupingRules.length === 0 ? (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center h-full p-6 text-center", children: [_jsx("div", { className: "mb-4", style: { opacity: 0.1 }, children: _jsx(HomePageModuleSvg, {}) }), _jsx("h3", { className: "m-0 mb-2", style: { color: "var(--solid-dark-title)", fontWeight: 700, fontSize: '1.5rem' }, children: "Tree View" }), _jsxs("p", { className: "m-0 text-sl", style: { maxWidth: '35rem', lineHeight: '1.5', color: 'var(--text-color)' }, children: ["To visualize your data in a hierarchical structure, please apply a ", _jsx("strong", { children: "Grouping Rule" }), " from the Global Search bar above."] })] })) : (_jsxs(TreeTable, { value: treeNodes, lazy: true, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, scrollable: true, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", resizableColumns: true, columnResizeMode: "expand", selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
+                        setSortField(e.sortField);
+                        setSortOrder(e.sortOrder);
+                    }, onSelectionChange: function (e) {
+                        var incoming = e.value;
+                        setSelectedNodeKeys(function (prev) {
+                            var next = {};
+                            Object.keys(incoming).forEach(function (key) {
+                                var _a, _b, _c, _d;
+                                // Find the node to get its type
+                                var node = findNodeByKey(treeNodes, key);
+                                next[key] = __assign(__assign({}, incoming[key]), { nodeType: (_c = (_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType // add type from tree
+                                    ) !== null && _c !== void 0 ? _c : (_d = prev[key]) === null || _d === void 0 ? void 0 : _d.nodeType });
+                            });
+                            return next;
+                        });
+                    }, children: [_jsx(Column, { field: "__group", header: "Group", sortable: true, expander: function (node) { var _a, _b; return ((_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType) === "group"; }, body: groupColumnBody, style: { minWidth: "18rem", display: "flex", alignItems: "center" } }, "tree-group-column"), renderColumnsDynamically(), renderAggregateColumns(), _jsx(Column, { header: "", style: { width: "20rem" }, body: function (node) {
+                                var _a, _b, _c, _d;
+                                var rowData = node === null || node === void 0 ? void 0 : node.data;
+                                var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
+                                if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group")
+                                    return _jsx("span", { children: "\u00A0" });
+                                var nodeKey = String(node.key);
+                                var isExpanded = expandedKeys[nodeKey];
+                                var childrenLoaded = isExpanded && node.children && node.children.length > 0;
+                                if (!childrenLoaded)
+                                    return _jsx("span", { children: "\u00A0" });
+                                var pagEntry = getPagination(nodeKey);
+                                var canPrev = hasPrev(nodeKey);
+                                var canNext = hasNext(nodeKey);
+                                // "in Jharkhand" — this node's own group label
+                                var inLabel = (_a = nodeMeta.groupLabel) !== null && _a !== void 0 ? _a : "";
+                                // "of cities" — what the children represent
+                                // nextRuleIndex = nodeMeta.ruleIndex + 1
+                                var nextRuleIndex = nodeMeta.ruleIndex + 1;
+                                var isLeafLevel = nextRuleIndex >= activeGroupingRules.length;
+                                var ofLabel = isLeafLevel
+                                    ? (_d = (_c = (_b = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.displayName // leaf → model name
+                                    : (function () {
+                                        var _a, _b, _c;
+                                        var nextRule = activeGroupingRules[nextRuleIndex];
+                                        var fieldName = String((_a = nextRule === null || nextRule === void 0 ? void 0 : nextRule.fieldName) !== null && _a !== void 0 ? _a : "");
+                                        var fieldMeta = getFieldMetadata(fieldName);
+                                        // Use displayName if available, fallback to fieldName
+                                        return (_c = (_b = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.displayName) !== null && _b !== void 0 ? _b : fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.name) !== null && _c !== void 0 ? _c : fieldName;
+                                    })();
+                                return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.2rem", justifyContent: "flex-end" }, onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(Button, { type: "button", icon: "pi pi-angle-left", size: "small", rounded: true, outlined: true, disabled: !canPrev || treeLoading, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button", onClick: function () { return handleNodePageChange(nodeKey, "prev"); } }), _jsx(Button, { type: "button", icon: "pi pi-angle-right", size: "small", rounded: true, outlined: true, disabled: !canNext || treeLoading, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button", onClick: function () { return handleNodePageChange(nodeKey, "next"); } })] }));
+                            } }, "tree-last-frozen-column")] })) }), _jsx(RootPaginationBar, {}), _jsxs(Dialog, { visible: isDeleteRecordsDialogVisible, header: "Confirm Delete", onHide: function () { return setDeleteRecordsDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
+                // style={{ width: '20vw' }}
+                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", 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", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) })] }));
+});
+SolidTreeView.displayName = "SolidTreeView";
+//# sourceMappingURL=SolidTreeView.js.map