@solidxai/core-ui 0.1.0 → 0.1.2

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

@@ -56,7 +56,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // @ts-nocheck
-import { useState, useEffect, useRef, useMemo } from "react";
+import { forwardRef, useState, useEffect, useRef, useMemo, useImperativeHandle } from "react";
 import { DataTable, } from "primereact/datatable";
 import { Column } from "primereact/column";
 import { FilterMatchMode } from "primereact/api";
@@ -160,7 +160,7 @@ export var queryObjectToQueryStringByUrl = function (url, queryObject) {
     }
     return null;
 };
-export var SolidListView = function (params) {
+export var SolidListView = 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, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
@@ -171,20 +171,39 @@ export var SolidListView = function (params) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    var _32 = useState(params.customFilter || null), filters = _32[0], setFilters = _32[1];
-    // const [customFilter, setCustomFilter] = useState<FilterRule[]>(initialState);
-    // const [showGlobalSearchElement, setShowGlobalSearchElement] = useState<boolean>(false);
-    var _33 = useState([]), toPopulate = _33[0], setToPopulate = _33[1];
-    var _34 = useState([]), toPopulateMedia = _34[0], setToPopulateMedia = _34[1];
-    var _35 = useState([]), actionsAllowed = _35[0], setActionsAllowed = _35[1];
-    var _36 = useState(false), isOpenSolidXAiPanel = _36[0], setIsOpenSolidXAiPanel = _36[1];
-    var _37 = useState(380), chatterWidth = _37[0], setChatterWidth = _37[1];
-    var _38 = useState(false), isResizing = _38[0], setIsResizing = _38[1];
+    // Filter query realted states
+    var _32 = useState(null), filters = _32[0], setFilters = _32[1];
+    var _33 = useState(0), totalRecords = _33[0], setTotalRecords = _33[1];
+    var _34 = useState(0), first = _34[0], setFirst = _34[1];
+    var _35 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _35[0], setRows = _35[1];
+    var _36 = useState("id"), sortField = _36[0], setSortField = _36[1];
+    var _37 = useState(-1), sortOrder = _37[0], setSortOrder = _37[1];
+    var _38 = useState([]), toPopulate = _38[0], setToPopulate = _38[1];
+    var _39 = useState([]), toPopulateMedia = _39[0], setToPopulateMedia = _39[1];
+    var _40 = useState([]), actionsAllowed = _40[0], setActionsAllowed = _40[1];
+    var _41 = useState(false), isOpenSolidXAiPanel = _41[0], setIsOpenSolidXAiPanel = _41[1];
+    var _42 = useState(380), chatterWidth = _42[0], setChatterWidth = _42[1];
+    var _43 = useState(false), isResizing = _43[0], setIsResizing = _43[1];
+    // All list view state.
+    var _44 = useState([]), listViewData = _44[0], setListViewData = _44[1];
+    var _45 = useState([]), selectedRecords = _45[0], setSelectedRecords = _45[1];
+    var _46 = useState([]), selectedRecoverRecords = _46[0], setSelectedRecoverRecords = _46[1];
+    var _47 = useState(true), loading = _47[0], setLoading = _47[1];
+    var _48 = useState(false), isDialogVisible = _48[0], setDialogVisible = _48[1];
+    var _49 = useState(false), isRecoverDialogVisible = _49[0], setRecoverDialogVisible = _49[1];
+    var _50 = useState(), createButtonUrl = _50[0], setCreateButtonUrl = _50[1];
+    var _51 = useState(), editButtonUrl = _51[0], setEditButtonUrl = _51[1];
+    var _52 = useState({}), createActionQueryParams = _52[0], setCreateActionQueryParams = _52[1];
+    var _53 = useState({}), editActionQueryParams = _53[0], setEditActionQueryParams = _53[1];
+    var _54 = useState(false), showArchived = _54[0], setShowArchived = _54[1];
+    var _55 = useState(false), queryDataLoaded = _55[0], setQueryDataLoaded = _55[1];
+    var _56 = useState(null), filterPredicates = _56[0], setFilterPredicates = _56[1];
+    var _57 = useState(false), showSaveFilterPopup = _57[0], setShowSaveFilterPopup = _57[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _39 = useState(null), mcpUrl = _39[0], setMcpUrl = _39[1];
+    var _58 = useState(null), mcpUrl = _58[0], setMcpUrl = _58[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _40 = useLazyGetSolidSettingsQuery(), trigger = _40[0], solidSettingsData = _40[1].data;
+    var _59 = useLazyGetSolidSettingsQuery(), trigger = _59[0], solidSettingsData = _59[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -311,10 +330,10 @@ export var SolidListView = function (params) {
     }, {
         encodeValuesOnly: true,
     });
-    var _41 = useState(null), solidListViewMetaData = _41[0], setSolidListViewMetaData = _41[1];
-    var _42 = useState(null), solidListViewLayout = _42[0], setSolidListViewLayout = _42[1];
-    var _43 = useState(false), isDraftPublishWorkflowEnabled = _43[0], setIsDraftPublishWorkflowEnabled = _43[1];
-    var _44 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _44.data, solidListViewMetaDataError = _44.error, solidListViewMetaDataIsLoading = _44.isLoading, solidListViewMetaDataIsError = _44.isError, refetch = _44.refetch;
+    var _60 = useState(null), solidListViewMetaData = _60[0], setSolidListViewMetaData = _60[1];
+    var _61 = useState(null), solidListViewLayout = _61[0], setSolidListViewLayout = _61[1];
+    var _62 = useState(false), isDraftPublishWorkflowEnabled = _62[0], setIsDraftPublishWorkflowEnabled = _62[1];
+    var _63 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _63.data, solidListViewMetaDataError = _63.error, solidListViewMetaDataIsLoading = _63.isLoading, solidListViewMetaDataIsError = _63.isError, refetch = _63.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;
@@ -367,7 +386,7 @@ export var SolidListView = function (params) {
                     };
                 }
                 // Form the "toPopulate" array.
-                if (fieldMetadata.type === "relation") {
+                if (fieldMetadata.type === "relation" && (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationType) === 'many-to-one') {
                     if (!toPopulate.includes(fieldMetadata.name)) {
                         toPopulate.push(fieldMetadata.name);
                     }
@@ -385,11 +404,6 @@ export var SolidListView = function (params) {
         var rows = (_d = (_c = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize) !== null && _d !== void 0 ? _d : 25;
         var sortField = "id";
         var sortOrder = -1;
-        // setRows(rows);
-        // setToPopulate(populate);
-        // setToPopulateMedia(populateMedia);
-        // setSortField("id");
-        // setSortOrder(-1);
         return { sortField: sortField, sortOrder: sortOrder, rows: rows, populate: populate, populateMedia: populateMedia };
     };
     // Set the initial filter state based on the metadata.
@@ -408,36 +422,6 @@ export var SolidListView = function (params) {
         }
     }, [solidListViewInitialMetaData]);
     // set layout and actions for create and edit buttons and view modes
-    // useEffect(() => {
-    //   if (solidListViewMetaData) {
-    //     const listLayoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs;
-    //     const createActionUrl = listLayoutAttrs?.createAction && listLayoutAttrs?.createAction?.type === "custom" ? listLayoutAttrs?.createAction?.customComponent : "form/new";
-    //     const editActionUrl = listLayoutAttrs?.editAction && listLayoutAttrs?.editAction?.type === "custom" ? listLayoutAttrs?.editAction?.customComponent : "form";
-    //     if (listLayoutAttrs?.createAction) {
-    //       setCreateActionQueryParams({
-    //         actionName: listLayoutAttrs.createAction.name,
-    //         actionType: listLayoutAttrs.createAction.type,
-    //         actionContext: listLayoutAttrs.createAction.context,
-    //       });
-    //     }
-    //     if (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(viewModes);
-    //     if (createActionUrl) {
-    //       setCreateButtonUrl(createActionUrl);
-    //     }
-    //     if (editActionUrl) {
-    //       setEditButtonUrl(editActionUrl);
-    //     }
-    //   }
-    // }, [solidListViewMetaData]);
-    // set layout and actions for create and edit buttons and view modes
     useEffect(function () {
         var _a, _b, _c, _d;
         if (solidListViewLayout) {
@@ -468,26 +452,6 @@ export var SolidListView = function (params) {
             }
         }
     }, [solidListViewLayout]);
-    // All list view state.
-    var _45 = useState([]), listViewData = _45[0], setListViewData = _45[1];
-    var _46 = useState(0), first = _46[0], setFirst = _46[1];
-    var _47 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _47[0], setRows = _47[1];
-    var _48 = useState(0), totalRecords = _48[0], setTotalRecords = _48[1];
-    var _49 = useState("id"), sortField = _49[0], setSortField = _49[1];
-    var _50 = useState(-1), sortOrder = _50[0], setSortOrder = _50[1];
-    var _51 = useState([]), selectedRecords = _51[0], setSelectedRecords = _51[1];
-    var _52 = useState([]), selectedRecoverRecords = _52[0], setSelectedRecoverRecords = _52[1];
-    var _53 = useState(true), loading = _53[0], setLoading = _53[1];
-    var _54 = useState(false), isDialogVisible = _54[0], setDialogVisible = _54[1];
-    var _55 = useState(false), isRecoverDialogVisible = _55[0], setRecoverDialogVisible = _55[1];
-    var _56 = useState(), createButtonUrl = _56[0], setCreateButtonUrl = _56[1];
-    var _57 = useState(), editButtonUrl = _57[0], setEditButtonUrl = _57[1];
-    var _58 = useState({}), createActionQueryParams = _58[0], setCreateActionQueryParams = _58[1];
-    var _59 = useState({}), editActionQueryParams = _59[0], setEditActionQueryParams = _59[1];
-    var _60 = useState(false), showArchived = _60[0], setShowArchived = _60[1];
-    var _61 = useState(false), queryDataLoaded = _61[0], setQueryDataLoaded = _61[1];
-    var _62 = useState(null), customFilter = _62[0], setCustomFilter = _62[1];
-    var _63 = useState(false), showSaveFilterPopup = _63[0], setShowSaveFilterPopup = _63[1];
     var sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
@@ -545,6 +509,7 @@ export var SolidListView = function (params) {
     useEffect(function () {
         var _a, _b, _c;
         console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
+        setQueryDataLoaded(false);
         if (solidListViewMetaData && solidListViewLayout) {
             var queryObject = queryStringToQueryObject();
             if (queryObject) {
@@ -561,15 +526,15 @@ export var SolidListView = function (params) {
                         : ["id:desc"],
                     filters: queryObject.filters,
                 };
-                var filters_1 = {
-                    $and: [],
-                };
-                if (queryObject.custom_filter_predicate) {
-                    filters_1.$and.push(queryObject.custom_filter_predicate);
-                }
-                if (queryObject.search_predicate) {
-                    filters_1.$and.push(queryObject.search_predicate);
-                }
+                // const filters = {
+                //   $and: [],
+                // };
+                // if (queryObject.custom_filter_predicate) {
+                //   filters.$and.push(queryObject.custom_filter_predicate);
+                // }
+                // if (queryObject.search_predicate) {
+                //   filters.$and.push(queryObject.search_predicate);
+                // }
                 // if (queryObject.saved_filter_predicate) {
                 //   filters.$and.push(queryObject.saved_filter_predicate);
                 // }
@@ -587,24 +552,24 @@ export var SolidListView = function (params) {
                 setSortField((_b = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _b === void 0 ? void 0 : _b.field);
                 setSortOrder((_c = queryData === null || queryData === void 0 ? void 0 : queryData.sort[0]) === null || _c === void 0 ? void 0 : _c.order);
                 // latestFiltersRef.current = filters;
-                // setFilters(filters);
                 var _d = initialFilterMethod(), sortField_1 = _d.sortField, sortOrder_1 = _d.sortOrder, rows_1 = _d.rows, populate = _d.populate, populateMedia = _d.populateMedia;
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
-                setQueryDataLoaded(true);
             }
             else {
                 var _e = initialFilterMethod(), sortField_2 = _e.sortField, sortOrder_2 = _e.sortOrder, rows_2 = _e.rows, populate = _e.populate, populateMedia = _e.populateMedia;
                 setRows(rows_2);
                 setSortField(sortField_2);
                 setSortOrder(sortOrder_2);
-                setQueryDataLoaded(true);
                 setToPopulate(populate);
                 setToPopulateMedia(populateMedia);
                 setFirst(0);
             }
+            setFilters(params.customFilter || { $and: [] });
+            setFilterPredicates(null);
             setSelectedRecords([]);
             setSelectedRecoverRecords([]);
+            setQueryDataLoaded(true);
         }
     }, [
         isDeleteSolidEntitiesSucess,
@@ -676,17 +641,17 @@ export var SolidListView = function (params) {
     }, [solidListViewMetaData, loading]);
     // Create a ref that always has the latest filters
     var latestFiltersRef = useRef(filters);
-    var latestCustomFilterRef = useRef(customFilter);
+    var latestFilterPredicatesRef = useRef(filterPredicates);
     // Keep refs in sync
     useEffect(function () {
         latestFiltersRef.current = filters;
     }, [filters]);
     useEffect(function () {
-        latestCustomFilterRef.current = customFilter;
-    }, [customFilter]);
+        latestFilterPredicatesRef.current = filterPredicates;
+    }, [filterPredicates]);
     useEffect(function () {
         console.log("useEffect: [first- ".concat(first, ", rows- ").concat(rows, ", sortField- ").concat(sortField, ", sortOrder- ").concat(sortOrder, ", showArchived- ").concat(showArchived, ", toPopulate- ").concat(toPopulate, ", toPopulateMedia- ").concat(toPopulateMedia, ", queryDataLoaded- ").concat(queryDataLoaded, "]"));
-        if (queryDataLoaded && filters) {
+        if (queryDataLoaded && filters && (filterPredicates || params.embeded == true)) {
             setQueryString();
         }
     }, [
@@ -789,12 +754,14 @@ export var SolidListView = function (params) {
                     return [3 /*break*/, 4];
                 case 4:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                    if (latestCustomFilterRef.current) {
+                    if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
                         url = void 0;
                         urlData = structuredClone(queryData);
                         delete urlData.filters;
-                        urlData.custom_filter_predicate = latestCustomFilterRef.current.custom_filter_predicate || null;
-                        urlData.search_predicate = latestCustomFilterRef.current.search_predicate || null;
+                        urlData.custom_filter_predicate = latestFilterPredicatesRef.current.custom_filter_predicate || null;
+                        urlData.search_predicate = latestFilterPredicatesRef.current.search_predicate || null;
+                        urlData.saved_filter_predicate = latestFilterPredicatesRef.current.saved_filter_predicate || null;
+                        urlData.predefined_search_predicate = latestFilterPredicatesRef.current.predefined_search_predicate || null;
                         queryObjectToQueryString(urlData);
                     }
                     triggerGetSolidEntities(queryString);
@@ -803,34 +770,32 @@ export var SolidListView = function (params) {
         });
     }); };
     // handle filter...
-    var handleApplyCustomFilter = function (transformedFilter) {
-        var queryfilter = params.customFilter || {
-            $and: [],
-        };
-        // custom_filter_predicate
-        // search_predicate
-        // saved_filter_predicate
-        // predefined_search_predicate
-        if (transformedFilter.custom_filter_predicate) {
-            queryfilter.$and.push(transformedFilter.custom_filter_predicate);
+    var handleApplyCustomFilter = function (filterPredicates, persistFilter) {
+        if (persistFilter === void 0) { persistFilter = false; }
+        // we assume that the customfilter will always have $and array
+        var queryfilter = structuredClone(params.customFilter) || { $and: [] };
+        if (filterPredicates.custom_filter_predicate) {
+            queryfilter.$and.push(filterPredicates.custom_filter_predicate);
         }
-        if (transformedFilter.search_predicate) {
-            queryfilter.$and.push(transformedFilter.search_predicate);
+        if (filterPredicates.search_predicate) {
+            queryfilter.$and.push(filterPredicates.search_predicate);
         }
-        if (transformedFilter.saved_filter_predicate) {
-            queryfilter.$and.push(transformedFilter.saved_filter_predicate);
+        if (filterPredicates.saved_filter_predicate) {
+            queryfilter.$and.push(filterPredicates.saved_filter_predicate);
         }
-        if (transformedFilter.predefined_search_predicate) {
-            queryfilter.$and.push(transformedFilter.predefined_search_predicate);
+        if (filterPredicates.predefined_search_predicate) {
+            queryfilter.$and.push(filterPredicates.predefined_search_predicate);
         }
-        var customFilter = transformedFilter;
-        var updatedFilter = __assign(__assign({}, (filters || {})), (queryfilter || {}));
+        var updatedFilter = queryfilter;
         // Update refs IMMEDIATELY (synchronously)
         latestFiltersRef.current = updatedFilter;
-        latestCustomFilterRef.current = transformedFilter;
+        var updatedFilterPredicates = structuredClone(filterPredicates);
+        updatedFilterPredicates.persistFilter = persistFilter;
+        latestFilterPredicatesRef.current = updatedFilterPredicates;
         // Then update state
         setFilters(updatedFilter);
-        setCustomFilter(transformedFilter);
+        setPersistFilter(persistFilter);
+        setFilterPredicates(updatedFilterPredicates);
         // Force synchronous state updates
     };
     // clear Filter
@@ -846,11 +811,61 @@ export var SolidListView = function (params) {
         latestFiltersRef.current = {
             $and: []
         };
-        setFilters({
-            $and: []
-        });
+        setFilters(params.customFilter || { $and: [] });
         solidGlobalSearchElementRef.current.clearFilter();
     };
+    var cloneListData = function () {
+        if (typeof structuredClone === "function") {
+            return structuredClone(listViewData);
+        }
+        return JSON.parse(JSON.stringify(listViewData));
+    };
+    useImperativeHandle(ref, function () { return ({
+        refresh: function () {
+            void setQueryString();
+        },
+        clearFilters: function () {
+            clearFilter();
+        },
+        applyFilter: function (filter) {
+            handleApplyCustomFilter(filter);
+        },
+        setPagination: function (nextFirst, nextRows) {
+            setFirst(nextFirst);
+            setRows(nextRows);
+        },
+        setSort: function (nextSortField, nextSortOrder) {
+            setSortField(nextSortField);
+            setSortOrder(nextSortOrder);
+            setFirst(0);
+        },
+        setShowArchived: function (value) {
+            setShowArchived(value);
+        },
+        getState: function () { return ({
+            first: first,
+            rows: rows,
+            sortField: sortField,
+            sortOrder: sortOrder,
+            showArchived: showArchived,
+            filters: filters,
+            filterPredicates: filterPredicates,
+            listData: cloneListData(),
+            totalRecords: totalRecords,
+            loading: loading,
+        }); },
+    }); }, [
+        first,
+        rows,
+        sortField,
+        sortOrder,
+        showArchived,
+        filters,
+        filterPredicates,
+        totalRecords,
+        loading,
+        listViewData,
+    ]);
     var _77 = useState(), selectedSolidViewData = _77[0], setSelectedSolidViewData = _77[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
@@ -1143,7 +1158,7 @@ export var SolidListView = function (params) {
     return (_jsxs("div", { className: "page-parent-wrapper flex", children: [_jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.ListContentWrapper), children: [solidListViewInitialMetaData && queryDataLoaded &&
                         _jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full ", children: [_jsxs("div", { className: 'flex align-items-center gap-2', 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: ((_q = (_p = (_o = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.action) === null || _q === void 0 ? void 0 : _q.displayName) || ((_s = (_r = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.displayName) })] }), ((_t = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.enableGlobalSearch) === true &&
-                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.enableGlobalSearch) === true &&
+                                                    params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.enableGlobalSearch) === true &&
                                                     params.embeded === false && (_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); } }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_x = (_w = (_v = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _v === void 0 ? void 0 : _v.headerButtons) === null || _w === void 0 ? void 0 : _w.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _x === void 0 ? void 0 : _x.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'))) &&
                                                     ((_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.create) !== false &&
                                                     params.embeded !== true &&
@@ -1155,7 +1170,7 @@ export var SolidListView = function (params) {
                                                         setQueryString();
                                                     } })), 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 &&
                                                     ((_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.enableGlobalSearch) === true && showGlobalSearchElement &&
-                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
+                                    params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
                         _jsx(SolidListViewShimmerLoading, {})
                         :
                             _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
@@ -1317,5 +1332,6 @@ export var SolidListView = function (params) {
                     preload: "auto",
                 },
             }))))] }));
-};
+});
+SolidListView.displayName = "SolidListView";
 //# sourceMappingURL=SolidListView.js.map