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

package/dist/components/core/list/SolidListView.tsx

@@ -49,7 +49,7 @@ import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { SolidAiMainWrapper } from "../solid-ai/SolidAiMainWrapper";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
 import { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from "../../../redux/api/solidSettingsApi";
-import { normalizeSolidListKanbanActionPath } from "../../../helpers/routePaths";
+import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
 // import { ERROR_MESSAGES } from "../../../constants/error-messages";
 
 const getRandomInt = (min: number, max: number) => {
@@ -244,7 +244,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
   const [showArchived, setShowArchived] = useState(false);
 
   const [queryDataLoaded, setQueryDataLoaded] = useState(false);
-  const [filterPredicates, setFilterPredicates] = useState(null);
+  const [filterPredicates, setFilterPredicates] = useState<any>(null);
   const [showSaveFilterPopup, setShowSaveFilterPopup] = useState<boolean>(false);
 
   const [triggerCheckIfPermissionExists] = useLazyCheckIfPermissionExistsQuery();
@@ -260,7 +260,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
   }, [])
 
   const editBaseUrl = useMemo(
-    () => normalizeSolidListKanbanActionPath(pathname, editButtonUrl || "form"),
+    () => normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"),
     [editButtonUrl, pathname]
   );
 
@@ -657,10 +657,9 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
             : [{ field: "id", order: -1 }];
 
         setMultiSortMeta(parsedMultiSortMeta);
-        const { multiSortMeta, rows, populate, populateMedia } = initialFilterMethod();
+        const { populate, populateMedia } = initialFilterMethod();
         setToPopulate(populate);
         setToPopulateMedia(populateMedia);
-
       } else {
         const { multiSortMeta, rows, populate, populateMedia } = initialFilterMethod();
         setRows(rows);
@@ -671,7 +670,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
       }
       //below line was added to handle state stale issue when we converted boilerplate to vite 
       //since now we dont need it becuase our component is remounted on every router change
-      setFilters(params.customFilter || { $and: [] })
+      //setFilters(params.customFilter || { $and: [] })
       //setFilterPredicates(null);
       setSelectedRecords([]);
       setSelectedRecoverRecords([]);

package/dist/components/core/tree/SolidTreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAsCf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAsCF,eAAO,MAAM,aAAa,iGA6+CxB,CAAC"}
+{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA4Cf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAsCF,eAAO,MAAM,aAAa,iGAu5DxB,CAAC"}

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

@@ -85,52 +85,63 @@ import { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage } from "
 import { HomePageModuleSvg } from "../../Svg/HomePageModuleSvg";
 import { getExtensionFunction } from "../../../helpers/registry";
 import { Tooltip } from "primereact/tooltip";
+import { useRouter } from "../../../hooks/useRouter";
+import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { usePathname } from "../../../hooks/usePathname";
+import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { SolidListViewRowButtonContextMenu } from "../list/SolidListViewRowButtonContextMenu";
 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 _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
     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 router = useRouter();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
+    var pathname = usePathname();
     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 _20 = useState(false), showSaveFilterPopup = _20[0], setShowSaveFilterPopup = _20[1];
+    var _21 = useState(false), showGlobalSearchElement = _21[0], setShowGlobalSearchElement = _21[1];
+    var _22 = useState([]), toPopulate = _22[0], setToPopulate = _22[1];
+    var _23 = useState([]), toPopulateMedia = _23[0], setToPopulateMedia = _23[1];
+    var _24 = useState([]), actionsAllowed = _24[0], setActionsAllowed = _24[1];
+    var _25 = useState({}), createActionQueryParams = _25[0], setCreateActionQueryParams = _25[1];
+    var _26 = useState({}), editActionQueryParams = _26[0], setEditActionQueryParams = _26[1];
+    var _27 = useState([]), selectedRecords = _27[0], setSelectedRecords = _27[1];
+    var _28 = useState([]), selectedRecoverRecords = _28[0], setSelectedRecoverRecords = _28[1];
+    var _29 = useState([]), groupingRules = _29[0], setGroupingRules = _29[1];
+    var _30 = useState([]), aggregationRules = _30[0], setAggregationRules = _30[1];
+    var _31 = useState([]), treeNodes = _31[0], setTreeNodes = _31[1];
+    var _32 = useState({}), selectedNodeKeys = _32[0], setSelectedNodeKeys = _32[1];
+    var _33 = useState({}), expandedKeys = _33[0], setExpandedKeys = _33[1];
+    var _34 = useState(false), treeLoading = _34[0], setTreeLoading = _34[1];
+    var _35 = useState(""), sortField = _35[0], setSortField = _35[1];
+    var _36 = useState(0), sortOrder = _36[0], setSortOrder = _36[1];
+    var _37 = useState([10, 25, 50]), pageSizeOptions = _37[0], setPageSizeOptions = _37[1];
+    var _38 = useState(25), globalLimit = _38[0], setGlobalLimit = _38[1];
+    var _39 = useState(false), isDeleteRecordsDialogVisible = _39[0], setDeleteRecordsDialogVisible = _39[1];
+    var _40 = useState(false), isRecoverDialogVisible = _40[0], setRecoverDialogVisible = _40[1];
+    var _41 = useState(false), showArchived = _41[0], setShowArchived = _41[1];
+    var _42 = useState(), createButtonUrl = _42[0], setCreateButtonUrl = _42[1];
+    var _43 = useState(), editButtonUrl = _43[0], setEditButtonUrl = _43[1];
+    var _44 = useState(false), isDraftPublishWorkflowEnabled = _44[0], setIsDraftPublishWorkflowEnabled = _44[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];
+    var _45 = useState(sizeOptions[1].value), size = _45[0], setSize = _45[1];
+    var _46 = useState([]), viewModes = _46[0], setViewModes = _46[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 _47 = useState({}), paginationMap = _47[0], setPaginationMap = _47[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) {
@@ -154,8 +165,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     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 _48 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _48[0], _49 = _48[1], recoverByIdData = _49.data, recoverByIdIsLoading = _49.isLoading, recoverByIdError = _49.error, recoverByIdIsError = _49.isError, recoverByIdIsSuccess = _49.isSuccess;
+    var _50 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _50[0], _51 = _50[1], recoverByData = _51.data, recoverByIsLoading = _51.isLoading, recoverError = _51.error, recoverIsError = _51.isError, recoverByIsSuccess = _51.isSuccess;
     var treeViewMetaDataQs = qs.stringify({
         modelName: params.modelName,
         moduleName: params.moduleName,
@@ -205,7 +216,42 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         }); };
         fetchPermissions();
     }, [params.modelName]);
-    var deleteManySolidEntities = useDeleteMultipleSolidEntitiesMutation()[0];
+    // set layout and actions for create and edit buttons and view modes
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (solidTreeViewLayout) {
+            var listLayoutAttrs = solidTreeViewLayout.attrs;
+            var createActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) && ((_a = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _a === void 0 ? void 0 : _a.type) === "custom" ? (_b = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _b === void 0 ? void 0 : _b.customComponent : "form/new";
+            var editActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) && ((_c = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _c === void 0 ? void 0 : _c.type) === "custom" ? (_d = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _d === void 0 ? void 0 : _d.customComponent : "form";
+            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) {
+                setCreateActionQueryParams({
+                    actionName: listLayoutAttrs.createAction.name,
+                    actionType: listLayoutAttrs.createAction.type,
+                    actionContext: listLayoutAttrs.createAction.context,
+                });
+            }
+            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) {
+                setEditActionQueryParams({
+                    actionName: listLayoutAttrs.editAction.name,
+                    actionType: listLayoutAttrs.editAction.type,
+                    actionContext: listLayoutAttrs.editAction.context,
+                });
+            }
+            // const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view }; });
+            setViewModes((_e = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _e === void 0 ? void 0 : _e.viewModes);
+            if (createActionUrl) {
+                setCreateButtonUrl(createActionUrl);
+            }
+            if (editActionUrl) {
+                setEditButtonUrl(editActionUrl);
+            }
+            setIsDraftPublishWorkflowEnabled(((_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.model) === null || _h === void 0 ? void 0 : _h.draftPublishWorkflow) === true);
+        }
+    }, [solidTreeViewLayout]);
+    var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
+    var _52 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _52[0], isDeleteSolidSingleEntitySuccess = _52[1].isSuccess;
+    // Delete mutation
+    var _53 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _53[0], _54 = _53[1], isSolidEntitiesDeleted = _54.isLoading, isDeleteSolidEntitiesSucess = _54.isSuccess, isSolidEntitiesDeleteError = _54.isError, SolidEntitiesDeleteError = _54.error, DeletedSolidEntities = _54.data;
     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) {
@@ -215,8 +261,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             dispatch(showNavbar());
         }
     };
-    var _26 = useState(null), filters = _26[0], setFilters = _26[1];
-    var _27 = useState(null), filterPredicates = _27[0], setFilterPredicates = _27[1];
+    var _55 = useState(null), filters = _55[0], setFilters = _55[1];
+    var _56 = useState(null), filterPredicates = _56[0], setFilterPredicates = _56[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]);
@@ -474,13 +520,13 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             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];
+            var _a = sortField.includes(":") ? sortField.split(":") : sortField.split("_"), field = _a[0], op_1 = _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);
+            return "".concat(field, ":").concat(op_1, ":").concat(dir);
         }
         // 3. Sorting by a leaf column (regular record field)
         return "".concat(sortField, ":").concat(dir);
@@ -1084,8 +1130,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var currentPage = Math.floor(offset / globalLimit) + 1;
         var rootHasPrev = hasPrev("root");
         var rootHasNext = hasNext("root");
-        if (!rootHasPrev && !rootHasNext)
-            return null;
+        // 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" })] })] }));
@@ -1118,16 +1163,171 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             loading: treeLoading,
         }); },
     }); }, [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
+    var handleCustomButtonClick = useHandleListCustomButtonClick();
+    var _57 = useState(), selectedSolidViewData = _57[0], setSelectedSolidViewData = _57[1];
+    var selectedDataRef = useRef();
+    var op = useRef(null);
+    var _58 = useState(false), deleteEntity = _58[0], setDeleteEntity = _58[1];
+    var hasEditInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
+        ((_f = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.edit) !== false &&
+        ((_g = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showDefaultEditButton) !== false &&
+        ((_h = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.showRowEditInContextMenu) !== false &&
+        !(isDraftPublishWorkflowEnabled && ((_j = selectedDataRef.current) === null || _j === void 0 ? void 0 : _j.publishedAt));
+    var hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
+        ((_k = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _k === void 0 ? void 0 : _k.delete) !== false &&
+        ((_l = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _l === void 0 ? void 0 : _l.showRowDeleteInContextMenu) !== false &&
+        !(isDraftPublishWorkflowEnabled && ((_m = selectedDataRef.current) === null || _m === void 0 ? void 0 : _m.publishedAt));
+    var hasCustomContextMenuButtons = (_p = (_o = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _o === void 0 ? void 0 : _o.rowButtons) === null || _p === void 0 ? void 0 : _p.some(function (rb) { var _a; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; });
+    var hasAnyContextMenuActions = hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
+    var detailsBodyTemplate = function (solidViewData) {
+        return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
+                    var _a;
+                    e.stopPropagation();
+                    selectedDataRef.current = solidViewData;
+                    setSelectedSolidViewData(solidViewData);
+                    (_a = op.current) === null || _a === void 0 ? void 0 : _a.toggle(e);
+                }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3", height: "10", viewBox: "0 0 4 16", fill: "none", children: _jsx("path", { d: "M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z", fill: "#666666" }) }) }) }));
+    };
+    var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_3;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    _g.trys.push([0, 2, , 3]);
+                    if (!(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id)) {
+                        throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
+                    }
+                    return [4 /*yield*/, deleteSolidSingleEntiry(selectedSolidViewData.id)];
+                case 1:
+                    response = _g.sent();
+                    if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200) {
+                        setDeleteEntity(false);
+                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
+                            severity: "success",
+                            summary: ERROR_MESSAGES.DELETED,
+                            detail: ERROR_MESSAGES.ENTITY_DELETE,
+                            life: 3000,
+                        });
+                    }
+                    else {
+                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.DELETE_FAIELD,
+                            detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error,
+                            sticky: true, // stays until user closes
+                        });
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_3 = _g.sent();
+                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
+                        severity: "error",
+                        summary: ERROR_MESSAGES.DELETE_FAIELD,
+                        detail: ERROR_MESSAGES.SOMETHING_WRONG,
+                        sticky: true, // stays until user closes
+                    });
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var renderRowActions = function (rowData) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (_jsxs("div", { className: "flex align-items-center justify-content-end gap-1", children: [((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) &&
+                    ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons.filter(function (rb) {
+                        var _a, _b;
+                        var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
+                        var isInContextMenu = rb.attrs.actionInContextMenu === true;
+                        var isAllowed = roles.length === 0 || hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, roles);
+                        var isVisible = ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
+                        return !isInContextMenu && isAllowed && isVisible;
+                    }).map(function (button, index) {
+                        var _a, _b, _c, _d;
+                        return (_jsx(Button, { type: "button", icon: (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : "pi pi-pencil", className: "gap-2 ".concat((_d = (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : ""), label: button.attrs.showLabel !== false
+                                ? button.attrs.label
+                                : "", size: "small", iconPos: "left", onClick: function () {
+                                var event = {
+                                    params: params,
+                                    rowData: rowData,
+                                    solidListViewMetaData: solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data,
+                                };
+                                handleCustomButtonClick(button.attrs, event);
+                            } }, index));
+                    })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "update"))) &&
+                    ((_c = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.edit) !== false &&
+                    ((_d = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showRowEditInContextMenu) === false && (_jsx(Button, { text: true, severity: "secondary", size: "small", icon: "pi pi-pencil", onClick: function () {
+                        // if (params.embeded == true) {
+                        //   params.handleEditClickForEmbeddedView(rowData?.id);
+                        // } else {
+                        try {
+                            sessionStorage.setItem("fromView", "list");
+                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                        }
+                        catch (e) { }
+                        router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                        // }
+                    } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
+                    ((_e = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.delete) !== false &&
+                    (params.embeded ||
+                        (((_f = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showRowDeleteInContextMenu) !==
+                            undefined &&
+                            ((_g = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showRowDeleteInContextMenu) !==
+                                true)) && (_jsx(Button, { text: true, size: "small", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                        // if (
+                        //   params?.embededFieldRelationType === "many-to-many"
+                        // ) {
+                        //   params?.handleDeleteClick(rowData.id);
+                        // } else {
+                        setSelectedSolidViewData(rowData);
+                        setDeleteEntity(true);
+                        // }
+                    } })), hasAnyContextMenuActions && detailsBodyTemplate(rowData)] }));
+    };
     // ─── 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 &&
+    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 }), ((_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.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: [((_v = (_u = (_t = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.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"))) &&
+                                        ((_y = (_x = (_w = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
+                                        ((_1 = (_0 = (_z = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.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 &&
+                                        ((_2 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.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 }))] })] }), ((_5 = (_4 = (_3 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _3 === void 0 ? void 0 : _3.solidView) === null || _4 === void 0 ? void 0 : _4.layout) === null || _5 === void 0 ? void 0 : _5.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);
+                    }, onRowClick: function (e) {
+                        var _a, _b;
+                        var target = e.originalEvent.target;
+                        if (target.closest(".p-checkbox"))
+                            return;
+                        if (target.closest(".p-c"))
+                            return;
+                        if (e.node.leaf !== true)
+                            return;
+                        var rowData = e.node.data;
+                        if (((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
+                            return;
+                        var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
+                        var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                            ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;
+                        if (!(hasFindPermission || hasUpdatePermission))
+                            return;
+                        // if (params.embeded === true) {
+                        // params.handleEditClickForEmbeddedView(rowData?.id);
+                        // } else {
+                        if (typeof window !== "undefined") {
+                            // store a simple marker for the caller
+                            // also store the full current URL so Back can restore exact state (including action params)
+                            try {
+                                sessionStorage.setItem("fromView", "list");
+                                sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                            }
+                            catch (e) {
+                                // ignore storage errors
+                            }
+                        }
+                        router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                        // }
                     }, onSelectionChange: function (e) {
+                        e.originalEvent.stopPropagation();
                         var incoming = e.value;
                         setSelectedNodeKeys(function (prev) {
                             var next = {};
@@ -1144,8 +1344,11 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 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" });
+                                // ---------------- NORMAL ROW ----------------
+                                if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group") {
+                                    return renderRowActions(rowData);
+                                }
+                                // ---------------- GROUP ROW ----------------
                                 var nodeKey = String(node.key);
                                 var isExpanded = expandedKeys[nodeKey];
                                 var childrenLoaded = isExpanded && node.children && node.children.length > 0;
@@ -1171,9 +1374,40 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                         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", 
+                            } }, "tree-last-frozen-column")] })) }), _jsx(RootPaginationBar, {}), _jsxs(Dialog, { header: "Delete ".concat(((_8 = (_7 = (_6 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName)
+                    ? (_11 = (_10 = (_9 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _9 === void 0 ? void 0 : _9.solidView) === null || _10 === void 0 ? void 0 : _10.model) === null || _11 === void 0 ? void 0 : _11.displayName
+                    : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
+                    if (!deleteEntity)
+                        return;
+                    setDeleteEntity(false);
+                }, className: "solid-confirm-dialog", 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 this ".concat(((_14 = (_13 = (_12 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.model) === null || _14 === void 0 ? void 0 : _14.displayName)
+                                    ? (_17 = (_16 = (_15 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _15 === void 0 ? void 0 : _15.solidView) === null || _16 === void 0 ? void 0 : _16.model) === null || _17 === void 0 ? void 0 : _17.displayName
+                                    : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _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?" }) })] }));
+                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?" }) }), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [hasEditInContextMenu && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
+                                var _a;
+                                // if (params.embeded == true) {
+                                //   params.handleEditClickForEmbeddedView(
+                                //     selectedDataRef.current?.id
+                                //   );
+                                // } else {
+                                try {
+                                    sessionStorage.setItem("fromView", "list");
+                                    sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                }
+                                catch (e) { }
+                                router.push("".concat(editBaseUrl, "/").concat((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                // }
+                            } })), hasDeleteInContextMenu && !params.embeded && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_19 = (_18 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.rowButtons) === null || _19 === void 0 ? void 0 : _19.filter(function (rb) {
+                            var _a, _b;
+                            return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
+                                ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
+                        }).map(function (button, index) {
+                            var _a;
+                            return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, getSelectedSolidViewData: function () { return selectedDataRef.current; }, 
+                                // selectedSolidViewData={selectedSolidViewData}
+                                solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, "".concat(index, "-").concat(((_a = selectedDataRef === null || selectedDataRef === void 0 ? void 0 : selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
+                        }))] }) })] }));
 });
 SolidTreeView.displayName = "SolidTreeView";
 //# sourceMappingURL=SolidTreeView.js.map