@solidxai/core-ui 0.1.13-beta.0 → 0.1.13-beta.2

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

@@ -94,6 +94,7 @@ import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersiste
 import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
 import { SolidListViewRowActionsMenu } from "./SolidListViewRowActionsMenu";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage, } from "../common/globalSearchPersistence";
 import { SolidButton, SolidConfirmDialog, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../shad-cn-ui";
 import { FilterMatchMode } from "../filter/filterMatchMode";
 import { Pencil, Plus, RefreshCw, RotateCcw, Search, Trash2 } from "lucide-react";
@@ -101,95 +102,6 @@ import { Pencil, Plus, RefreshCw, RotateCcw, Search, Trash2 } from "lucide-react
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
-var hasMeaningfulPersistedFilterValue = function (value) {
-    if (value === null || value === undefined)
-        return false;
-    if (typeof value === "string")
-        return value.trim().length > 0;
-    if (typeof value === "number" || typeof value === "boolean")
-        return true;
-    if (Array.isArray(value))
-        return value.some(function (item) { return hasMeaningfulPersistedFilterValue(item); });
-    if (typeof value === "object")
-        return hasMeaningfulPersistedFilter(value);
-    return false;
-};
-export var hasMeaningfulPersistedFilter = function (filterObject) {
-    if (!filterObject || typeof filterObject !== "object")
-        return false;
-    if (Array.isArray(filterObject)) {
-        return filterObject.some(function (item) { return hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item); });
-    }
-    return Object.entries(filterObject).some(function (_a) {
-        var key = _a[0], val = _a[1];
-        if (key === "matchMode" || key === "operator")
-            return false;
-        if (key === "value")
-            return hasMeaningfulPersistedFilterValue(val);
-        if ((key === "$and" || key === "$or") && Array.isArray(val)) {
-            return val.some(function (item) { return hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item); });
-        }
-        if (typeof val === "object")
-            return hasMeaningfulPersistedFilter(val);
-        return hasMeaningfulPersistedFilterValue(val);
-    });
-};
-export var hasStoredFilterPredicates = function (queryObject) {
-    return hasMeaningfulPersistedFilter(queryObject === null || queryObject === void 0 ? void 0 : queryObject.custom_filter_predicate) ||
-        hasMeaningfulPersistedFilter(queryObject === null || queryObject === void 0 ? void 0 : queryObject.search_predicate) ||
-        hasMeaningfulPersistedFilter(queryObject === null || queryObject === void 0 ? void 0 : queryObject.saved_filter_predicate) ||
-        hasMeaningfulPersistedFilter(queryObject === null || queryObject === void 0 ? void 0 : queryObject.predefined_search_predicate);
-};
-export var getFilterObjectFromLocalStorage = function () {
-    var currentPageUrl = window.location.pathname; // Get the current page URL
-    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
-    if (encodedQueryString) {
-        try {
-            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
-            return parsedParams;
-        }
-        catch (error) {
-            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-        }
-    }
-};
-export var getFilterObjectFromLocalStorageByUrl = function (url) {
-    var currentPageUrl = url; // Get the current page URL
-    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
-    if (encodedQueryString) {
-        try {
-            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
-            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
-            return parsedParams;
-        }
-        catch (error) {
-            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-        }
-    }
-};
-export var setFilterObjectToLocalStorage = function (queryObject) {
-    if (queryObject) {
-        var stringifiedObject = JSON.stringify(queryObject);
-        // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
-        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
-        var currentPageUrl = window.location.pathname; // Get the current page URL
-        localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
-        return encodedQueryString;
-    }
-    return null;
-};
-export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
-    if (queryObject) {
-        var stringifiedObject = JSON.stringify(queryObject);
-        // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
-        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
-        var currentPageUrl = url; // Get the current page URL
-        localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
-        return encodedQueryString;
-    }
-    return null;
-};
 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;
     var session = useSession();
@@ -492,7 +404,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     var _51 = useState(false), listViewRowActionPopupState = _51[0], setListViewRowActionPopupState = _51[1];
     var _52 = useState(), listViewRowActionData = _52[0], setListRowActionData = _52[1];
     // Get the list view data.
-    var _53 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _53[0], _54 = _53[1], solidEntityListViewData = _54.data, isLoading = _54.isLoading, error = _54.error;
+    var _53 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _53[0], _54 = _53[1], solidEntityListViewData = _54.data, isLoading = _54.isLoading, isListViewFetching = _54.isFetching, error = _54.error;
     var _55 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _55[0], _56 = _55[1], recoverByIdData = _56.data, recoverByIdIsLoading = _56.isLoading, recoverByIdError = _56.error, recoverByIdIsError = _56.isError, recoverByIdIsSuccess = _56.isSuccess;
     var _57 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _57[0], _58 = _57[1], recoverByData = _58.data, recoverByIsLoading = _58.isLoading, recoverError = _58.error, recoverIsError = _58.isError, recoverByIsSuccess = _58.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
@@ -1159,6 +1071,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, [hasAnyActiveFilters, params.embeded]);
     var isListViewEmptyWithoutFilters = !loading &&
         !isLoading &&
+        !isListViewFetching &&
         listViewData.length === 0 &&
         !hasAppliedFilterValues &&
         !hasFilterPredicatesApplied;
@@ -1166,10 +1079,10 @@ export var SolidListView = forwardRef(function (params, ref) {
         ? "Deleting..."
         : recoverByIdIsLoading || recoverByIsLoading
             ? "Recovering..."
-            : loading || isLoading || solidListViewMetaDataIsLoading || !queryDataLoaded
+            : loading || isLoading || isListViewFetching || solidListViewMetaDataIsLoading || !queryDataLoaded
                 ? "Loading..."
                 : null;
-    var showListBodyLoadingPlaceholder = (loading || isLoading || solidListViewMetaDataIsLoading || !queryDataLoaded) &&
+    var showListBodyLoadingPlaceholder = (loading || isLoading || isListViewFetching || solidListViewMetaDataIsLoading || !queryDataLoaded) &&
         listViewData.length === 0 &&
         params.embeded === false &&
         viewMode !== "view";