@solidxai/core-ui 0.1.14-beta.9 → 0.1.15-beta.0

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

@@ -148,11 +148,6 @@ export var SolidListView = forwardRef(function (params, ref) {
     var _48 = useState(false), showSaveFilterPopup = _48[0], setShowSaveFilterPopup = _48[1];
     var _49 = useState(false), showGlobalSearchElement = _49[0], setShowGlobalSearchElement = _49[1];
     var suppressNextFilterPaginationResetRef = useRef(false);
-    // Filters offered by an onBeforeListDataLoad handler (event.definedFilters).
-    // Each stays independently removable via the search bar's pill UI rather
-    // than being baked directly into the outgoing query filter.
-    var _50 = useState([]), definedFilters = _50[0], setDefinedFilters = _50[1];
-    var definedFilterOverridesRef = useRef({});
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     var visibleHeaderButtons = useMemo(function () {
@@ -160,7 +155,7 @@ export var SolidListView = forwardRef(function (params, ref) {
         return ((_b = (_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.headerButtons) !== null && _b !== void 0 ? _b : []).filter(function (button) { return isButtonVisibleInCurrentEnv(button === null || button === void 0 ? void 0 : button.attrs); });
     }, [(_g = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.headerButtons]);
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
-    var rowClickFormMode = useMemo(function () {
+    var recordClickFormMode = useMemo(function () {
         var _a, _b, _c;
         var isSystemModule = ((_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.module) === null || _c === void 0 ? void 0 : _c.isSystem) === true;
         if (isSystemModule) {
@@ -270,7 +265,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _51 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _51.data, solidListViewMetaDataError = _51.error, solidListViewMetaDataIsLoading = _51.isLoading, solidListViewMetaDataIsError = _51.isError, refetch = _51.refetch;
+    var _50 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _50.data, solidListViewMetaDataError = _50.error, solidListViewMetaDataIsLoading = _50.isLoading, solidListViewMetaDataIsError = _50.isError, refetch = _50.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -393,15 +388,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _52 = useState(sizeOptions[1].value), size = _52[0], setSize = _52[1];
-    var _53 = useState([]), viewModes = _53[0], setViewModes = _53[1];
+    var _51 = useState(sizeOptions[1].value), size = _51[0], setSize = _51[1];
+    var _52 = useState([]), viewModes = _52[0], setViewModes = _52[1];
     // Custom Row Action
-    var _54 = useState(false), listViewRowActionPopupState = _54[0], setListViewRowActionPopupState = _54[1];
-    var _55 = useState(), listViewRowActionData = _55[0], setListRowActionData = _55[1];
+    var _53 = useState(false), listViewRowActionPopupState = _53[0], setListViewRowActionPopupState = _53[1];
+    var _54 = useState(), listViewRowActionData = _54[0], setListRowActionData = _54[1];
     // Get the list view data.
-    var _56 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _56[0], _57 = _56[1], solidEntityListViewData = _57.data, isLoading = _57.isLoading, isListViewFetching = _57.isFetching, error = _57.error;
-    var _58 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _58[0], _59 = _58[1], recoverByIdData = _59.data, recoverByIdIsLoading = _59.isLoading, recoverByIdError = _59.error, recoverByIdIsError = _59.isError, recoverByIdIsSuccess = _59.isSuccess;
-    var _60 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _60[0], _61 = _60[1], recoverByData = _61.data, recoverByIsLoading = _61.isLoading, recoverError = _61.error, recoverIsError = _61.isError, recoverByIsSuccess = _61.isSuccess;
+    var _55 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _55[0], _56 = _55[1], solidEntityListViewData = _56.data, isLoading = _56.isLoading, isListViewFetching = _56.isFetching, error = _56.error;
+    var _57 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _57[0], _58 = _57[1], recoverByIdData = _58.data, recoverByIdIsLoading = _58.isLoading, recoverByIdError = _58.error, recoverByIdIsError = _58.isError, recoverByIdIsSuccess = _58.isSuccess;
+    var _59 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _59[0], _60 = _59[1], recoverByData = _60.data, recoverByIsLoading = _60.isLoading, recoverError = _60.error, recoverIsError = _60.isError, recoverByIsSuccess = _60.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -433,9 +428,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _62 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _62[0], isDeleteSolidSingleEntitySuccess = _62[1].isSuccess;
+    var _61 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _61[0], isDeleteSolidSingleEntitySuccess = _61[1].isSuccess;
     // Delete mutation
-    var _63 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _63[0], _64 = _63[1], isSolidEntitiesDeleted = _64.isLoading, isDeleteSolidEntitiesSucess = _64.isSuccess, isSolidEntitiesDeleteError = _64.isError, SolidEntitiesDeleteError = _64.error, DeletedSolidEntities = _64.data;
+    var _62 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _62[0], _63 = _62[1], isSolidEntitiesDeleted = _63.isLoading, isDeleteSolidEntitiesSucess = _63.isSuccess, isSolidEntitiesDeleteError = _63.isError, SolidEntitiesDeleteError = _63.error, DeletedSolidEntities = _63.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -520,6 +515,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                 listData: listViewData,
                                 totalRecords: totalRecords,
                                 type: "onListLoad",
+                                isInitialLoad: !hasFiredInitialOnListLoadRef.current,
                                 viewMetadata: (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView,
                                 listViewLayout: listLayout,
                                 queryParams: {
@@ -532,6 +528,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                 session: session.data,
                                 params: params
                             };
+                            hasFiredInitialOnListLoadRef.current = true;
                             if (!dynamicHeader) return [3 /*break*/, 3];
                             dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
                             if (!dynamicExtensionFunction) return [3 /*break*/, 2];
@@ -565,6 +562,8 @@ export var SolidListView = forwardRef(function (params, ref) {
     var latestFilterPredicatesRef = useRef(filterPredicates);
     var latestSortFieldRef = useRef(sortField);
     var latestSortOrderRef = useRef(sortOrder);
+    var hasFiredInitialOnBeforeListDataLoadRef = useRef(false);
+    var hasFiredInitialOnListLoadRef = useRef(false);
     useEffect(function () {
         latestSortFieldRef.current = sortField;
     }, [sortField]);
@@ -623,18 +622,17 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords(deletedRecords);
     };
     var setQueryString = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, explicitLocale, queryData, resolvedLocale, currentSortField, currentSortOrder, meta, resolvedField, dynamicHeader, dynamicExtensionFunction, event, updatedListData, nextDefinedFilters, reconciledDefinedFilters_1, activeDefinedFilterPredicates, mergedFilters, err_1, queryString, fileterTobeStored;
-        var _a;
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return __generator(this, function (_m) {
-            switch (_m.label) {
+        var solidFieldsMetadata, explicitLocale, queryData, resolvedLocale, currentSortField, currentSortOrder, meta, resolvedField, dynamicHeader, dynamicExtensionFunction, isInitialLoad, event, updatedListData, err_1, queryString, fileterTobeStored;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return __generator(this, function (_k) {
+            switch (_k.label) {
                 case 0:
-                    solidFieldsMetadata = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidFieldsMetadata;
+                    solidFieldsMetadata = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata;
                     explicitLocale = resolveLocaleFromFilter(latestFiltersRef.current);
                     queryData = {
                         offset: first,
                         limit: rows,
-                        filters: (_c = latestFiltersRef.current) !== null && _c !== void 0 ? _c : latestFiltersRef.current,
+                        filters: (_b = latestFiltersRef.current) !== null && _b !== void 0 ? _b : latestFiltersRef.current,
                         populate: toPopulate,
                         populateMedia: toPopulateMedia,
                     };
@@ -652,7 +650,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                         else {
                             resolvedField = currentSortField;
                             if ((meta === null || meta === void 0 ? void 0 : meta.type) === "relation" && (meta === null || meta === void 0 ? void 0 : meta.relationType) === "many-to-one") {
-                                resolvedField = "".concat(currentSortField, ".").concat((_e = (_d = meta === null || meta === void 0 ? void 0 : meta.relationModel) === null || _d === void 0 ? void 0 : _d.userKeyField) === null || _e === void 0 ? void 0 : _e.name);
+                                resolvedField = "".concat(currentSortField, ".").concat((_d = (_c = meta === null || meta === void 0 ? void 0 : meta.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name);
                             }
                             queryData.sort = ["".concat(resolvedField, ":").concat(currentSortOrder === 1 ? "asc" : "desc")];
                         }
@@ -663,12 +661,15 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (showArchived) {
                         queryData.showSoftDeleted = "inclusive";
                     }
-                    dynamicHeader = (_h = (_g = (_f = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.onBeforeListDataLoad;
+                    dynamicHeader = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.onBeforeListDataLoad;
                     dynamicExtensionFunction = null;
+                    isInitialLoad = !hasFiredInitialOnBeforeListDataLoadRef.current;
+                    hasFiredInitialOnBeforeListDataLoadRef.current = true;
                     event = {
                         type: "onBeforeListDataLoad",
-                        fieldsMetadata: (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidFieldsMetadata,
-                        viewMetadata: (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView,
+                        isInitialLoad: isInitialLoad,
+                        fieldsMetadata: (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidFieldsMetadata,
+                        viewMetadata: (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView,
                         listViewLayout: solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data.solidView.layout,
                         filter: structuredClone(queryData),
                         queryParams: {
@@ -681,53 +682,24 @@ export var SolidListView = forwardRef(function (params, ref) {
                         session: session.data,
                         params: params
                     };
-                    if (!dynamicHeader) return [3 /*break*/, 5];
+                    if (!dynamicHeader) return [3 /*break*/, 4];
                     dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
                     if (!dynamicExtensionFunction) return [3 /*break*/, 4];
-                    _m.label = 1;
+                    _k.label = 1;
                 case 1:
-                    _m.trys.push([1, 3, , 4]);
+                    _k.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, dynamicExtensionFunction(event)];
                 case 2:
-                    updatedListData = _m.sent();
+                    updatedListData = _k.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;
                     }
-                    nextDefinedFilters = (_l = updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.definedFilters) !== null && _l !== void 0 ? _l : [];
-                    reconciledDefinedFilters_1 = nextDefinedFilters.map(function (def) {
-                        var hasOverride = Object.prototype.hasOwnProperty.call(definedFilterOverridesRef.current, def.key);
-                        var applied = hasOverride ? definedFilterOverridesRef.current[def.key] : def.applied;
-                        definedFilterOverridesRef.current[def.key] = applied;
-                        return __assign(__assign({}, def), { applied: applied });
-                    });
-                    Object.keys(definedFilterOverridesRef.current).forEach(function (key) {
-                        if (!reconciledDefinedFilters_1.some(function (def) { return def.key === key; })) {
-                            delete definedFilterOverridesRef.current[key];
-                        }
-                    });
-                    setDefinedFilters(reconciledDefinedFilters_1);
-                    activeDefinedFilterPredicates = reconciledDefinedFilters_1
-                        .filter(function (def) { return def.applied; })
-                        .map(function (def) { return def.predicate; });
-                    if (activeDefinedFilterPredicates.length > 0) {
-                        mergedFilters = queryData.filters ? structuredClone(queryData.filters) : {};
-                        mergedFilters.$and = Array.isArray(mergedFilters.$and) ? mergedFilters.$and : [];
-                        (_a = mergedFilters.$and).push.apply(_a, activeDefinedFilterPredicates);
-                        queryData.filters = mergedFilters;
-                    }
                     return [3 /*break*/, 4];
                 case 3:
-                    err_1 = _m.sent();
+                    err_1 = _k.sent();
                     console.error("Error executing onBeforeListDataLoad extension:", err_1);
                     return [3 /*break*/, 4];
-                case 4: return [3 /*break*/, 6];
-                case 5:
-                    if (Object.keys(definedFilterOverridesRef.current).length > 0) {
-                        definedFilterOverridesRef.current = {};
-                        setDefinedFilters([]);
-                    }
-                    _m.label = 6;
-                case 6:
+                case 4:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
                     if (latestFilterPredicatesRef.current) {
                         fileterTobeStored = structuredClone(queryData);
@@ -840,24 +812,6 @@ export var SolidListView = forwardRef(function (params, ref) {
         }
         // Force synchronous state updates
     };
-    // Removes a single handler-offered filter pill. The override persists for
-    // the rest of this mount (setQueryString reconciliation keeps it applied:false
-    // on subsequent fetches) but is not persisted beyond it.
-    var removeDefinedFilter = function (key) {
-        definedFilterOverridesRef.current[key] = false;
-        setDefinedFilters(function (prev) { return prev.map(function (def) { return (def.key === key ? __assign(__assign({}, def), { applied: false }) : def); }); });
-        setFirst(0);
-        void setQueryString();
-    };
-    // Applies a handler-offered filter the user picked from the "defined
-    // filters" list (one the handler returned with applied:false by default).
-    // Mirrors removeDefinedFilter in the other direction.
-    var applyDefinedFilter = function (key) {
-        definedFilterOverridesRef.current[key] = true;
-        setDefinedFilters(function (prev) { return prev.map(function (def) { return (def.key === key ? __assign(__assign({}, def), { applied: true }) : def); }); });
-        setFirst(0);
-        void setQueryString();
-    };
     // clear Filter
     var clearFilter = function () {
         if (solidListViewMetaData) {
@@ -929,8 +883,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _65 = useState(), selectedSolidViewData = _65[0], setSelectedSolidViewData = _65[1];
-    var _66 = useState(false), deleteEntity = _66[0], setDeleteEntity = _66[1];
+    var _64 = useState(), selectedSolidViewData = _64[0], setSelectedSolidViewData = _64[1];
+    var _65 = useState(false), deleteEntity = _65[0], setDeleteEntity = _65[1];
     // Recover functions
     var recoverById = function (id) {
         triggerRecoverSolidEntitiesById(id);
@@ -1004,8 +958,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     var entityDisplayName = ((_k = (_j = (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.model) === null || _k === void 0 ? void 0 : _k.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
-    var _67 = useState(false), openLightbox = _67[0], setOpenLightbox = _67[1];
-    var _68 = useState([]), lightboxUrls = _68[0], setLightboxUrls = _68[1];
+    var _66 = useState(false), openLightbox = _66[0], setOpenLightbox = _66[1];
+    var _67 = useState([]), lightboxUrls = _67[0], setLightboxUrls = _67[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1043,7 +997,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                         column: column,
                         setLightboxUrls: setLightboxUrls,
                         setOpenLightbox: setOpenLightbox,
-                        embeded: params.embeded
+                        embeded: params.embeded,
+                        recordClickAction: recordClickFormMode
                     });
                 }
                 else {
@@ -1057,7 +1012,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                     column: column,
                     setLightboxUrls: setLightboxUrls,
                     setOpenLightbox: setOpenLightbox,
-                    embeded: params.embeded
+                    embeded: params.embeded,
+                    recordClickAction: recordClickFormMode
                 });
             }
         });
@@ -1245,7 +1201,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   }
     // };
     return (_jsxs("div", { className: "page-parent-wrapper ".concat(isEmbeddedList ? "solid-list-page-wrapper-embedded" : "solid-list-page-wrapper", " flex ").concat(isEmbeddedList ? "min-h-0 overflow-visible" : "h-full min-h-0 overflow-hidden"), children: [_jsx("div", { className: "solid-list-content flex flex-col ".concat(isEmbeddedList ? "min-h-0" : "flex-grow-1", " ").concat(styles.ListContentWrapper), children: _jsxs("div", { className: "solid-list-surface flex flex-col min-h-0 ".concat(isEmbeddedList ? "" : "flex-1"), children: [solidListViewInitialMetaData &&
-                            _jsx("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsx("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3 lg:min-w-0 lg:flex-1", children: params.embeded === false && (_jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex w-full mt-3 lg:mt-0  lg:min-w-0", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates, definedFilters: definedFilters, onRemoveDefinedFilter: removeDefinedFilter, onApplyDefinedFilter: applyDefinedFilter }, params.modelName) }), _jsx("div", { className: "".concat(showGlobalSearchElement ? "lg:flex" : "hidden", " lg:hidden mt-3 lg:mt-0 w-full lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates, definedFilters: definedFilters, onRemoveDefinedFilter: removeDefinedFilter, onApplyDefinedFilter: applyDefinedFilter }, params.modelName) })] })) }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), params.embeded === false && (_jsx("div", { className: "solid-list-search-toggle", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, leftIcon: _jsx(Search, { size: 14 }) }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_0 = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _0 === void 0 ? void 0 : _0.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                            _jsx("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsx("div", { className: "solid-list-toolbar-left flex w-full items-center gap-3 lg:min-w-0 lg:flex-1", children: params.embeded === false && (_jsx(_Fragment, { children: _jsx("div", { className: "".concat(showGlobalSearchElement ? "flex" : "max-lg:hidden lg:flex", " w-full mt-3 lg:mt-0 lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }) })) }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), params.embeded === false && (_jsx("div", { className: "solid-list-search-toggle", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, leftIcon: _jsx(Search, { size: 14 }) }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_0 = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _0 === void 0 ? void 0 : _0.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                                     ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.create) !== false &&
                                                     params.embeded !== true &&
                                                     ((_4 = (_3 = (_2 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _2 === void 0 ? void 0 : _2.solidView) === null || _3 === void 0 ? void 0 : _3.layout) === null || _4 === void 0 ? void 0 : _4.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
@@ -1281,7 +1237,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                         }
                                         else {
                                             storeCurrentModelViewContext();
-                                            router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(rowClickFormMode, "&").concat(buildEditNavigationQueryString(rowData)));
+                                            router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(recordClickFormMode, "&").concat(buildEditNavigationQueryString(rowData)));
                                         }
                                     }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.rowButtons) &&
                                             ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.rowButtons.filter(function (rb) {