@solidxai/core-ui 0.1.13-beta.4 → 0.1.13-beta.6

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -1,10 +1,11 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import FilterComponent, { FilterOperator, FilterRule, FilterRuleType } from "../../../components/core/common/FilterComponent";
 import { toTitleCase } from "../../../helpers/helpers";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
-import { getFilterObjectFromLocalStorage } from "./globalSearchPersistence";
+import {clearFilterObjectFromLocalStorage,getFilterObjectFromLocalStorage,
+} from "./globalSearchPersistence";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import qs from "qs";
 import { SolidSaveCustomFilterForm } from "./SolidSaveCustomFilterForm";
@@ -540,6 +541,9 @@ const extractChips = (node: any): any[] => {
     return [];
 };
 
+const areFilterStateValuesEqual = (left: any, right: any) =>
+    JSON.stringify(left ?? null) === JSON.stringify(right ?? null);
+
 
 
 type RelationCache = Map<string, { label: string; value: number }>;
@@ -793,6 +797,56 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         viewData?.data?.solidView?.model?.id,
         user?.id
     ])
+// Updates search, custom filter, grouping, aggregation, and UI state from a single shared filter source.
+    const syncFilterUiStateFromSharedSource = useCallback(async (queryObject: any | null) => {
+        const nextSearchFilter = queryObject?.search_predicate || null;
+        const nextSearchChips = nextSearchFilter ? extractChips(nextSearchFilter) : [];
+        const nextCustomFilter =
+            queryObject?.custom_filter_predicate && Object.keys(queryObject.custom_filter_predicate).length !== 0
+                ? queryObject.custom_filter_predicate
+                : null;
+        const nextPredefinedBaseFilter = queryObject?.predefined_search_predicate || null;
+
+        setSearchFilter((prev: any) => areFilterStateValuesEqual(prev, nextSearchFilter) ? prev : nextSearchFilter);
+        setSearchChips((prev) => areFilterStateValuesEqual(prev, nextSearchChips) ? prev : nextSearchChips);
+        setCustomFilter((prev: any) => areFilterStateValuesEqual(prev, nextCustomFilter) ? prev : nextCustomFilter);
+        setPredefinedSearchBaseFilter((prev: any) => areFilterStateValuesEqual(prev, nextPredefinedBaseFilter) ? prev : nextPredefinedBaseFilter);
+
+        if (nextCustomFilter && viewData?.data) {
+            const rules: FilterRule = transformFiltersToRules(nextCustomFilter);
+            const hydratedRules = await hydrateRelationRules([rules], viewData);
+            setFilterRules((prev) => areFilterStateValuesEqual(prev, hydratedRules) ? prev : hydratedRules);
+        } else {
+            setFilterRules((prev) => areFilterStateValuesEqual(prev, initialState) ? prev : initialState);
+        }
+
+        const hasGroupingRules = queryObject?.grouping_rules?.some((rule: any) => rule.fieldName !== null);
+        let nextGroupingRules: GroupingRule[] = [{ id: 1, fieldName: null, dateGrouping: null }];
+
+        if (hasGroupingRules) {
+            nextGroupingRules = queryObject.grouping_rules;
+        } else {
+            const layoutGroupBy = viewData?.data?.solidView?.layout?.attrs?.groupBy;
+            if (Array.isArray(layoutGroupBy) && layoutGroupBy.length > 0) {
+                nextGroupingRules = layoutGroupBy.map((groupStr: string, index: number) => {
+                    const [fieldName, dateGrouping] = groupStr.split(":");
+                    return {
+                        id: Date.now() + index,
+                        fieldName: fieldName || null,
+                        dateGrouping: (dateGrouping as DateGroupingFormat) || null,
+                    };
+                });
+            }
+        }
+
+        const nextAggregationRules =
+            Array.isArray(queryObject?.aggregation_rules) && queryObject.aggregation_rules.length > 0
+                ? queryObject.aggregation_rules
+                : [{ id: 1, operator: "count", fieldName: "id", locked: true }];
+
+        setGroupingRules((prev) => areFilterStateValuesEqual(prev, nextGroupingRules) ? prev : nextGroupingRules);
+        setAggregationRules((prev) => areFilterStateValuesEqual(prev, nextAggregationRules) ? prev : nextAggregationRules);
+    }, [initialState, viewData]);
 
     const resetAppliedFilters = ({ preserveGrouping = false }: { preserveGrouping?: boolean } = {}) => {
         setSearchChips([]);
@@ -811,9 +865,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setShowOverlay(false);
         setShowChipManager(false);
         setInputValue("");
-
-        const currentPageUrl = window.location.pathname;
-        localStorage.removeItem(currentPageUrl);
+        clearFilterObjectFromLocalStorage();
 
         if (activeSavedFilter) {
             const params = new URLSearchParams(searchParams.toString());
@@ -843,10 +895,13 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         }
     }));
 
+    useEffect(() => {
+        if (!viewData?.data?.solidView?.id) return;
+        void syncFilterUiStateFromSharedSource(getFilterObjectFromLocalStorage());
+    }, [syncFilterUiStateFromSharedSource, viewData?.data?.solidView?.id]);
+
     useEffect(() => {
         const fn = async () => {
-            let searchChips: any;
-            let customChips: any;
             if (savedFiltersLoaded) {
 
                 if (activeSavedFilter && savedFilters.length === 0) return;
@@ -868,14 +923,6 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     setCurrentSavedFilterData(null)
                     setCurrentSavedFilterQuery(null)
                 }
-                if (queryObject) {
-                    if (queryObject) {
-                        searchChips = queryObject?.search_predicate || null;
-                        customChips = queryObject?.custom_filter_predicate || null;
-                    }
-                }
-                if (searchChips) {
-                    setSearchFilter(searchChips);
                     // const formattedChips = searchChips?.$and.map((chip: any, key: any) => {
                     //     const chipKey = Object.keys(chip)[0]; // Get the key, e.g., "displayName"
                     //     const chipValue = chip[chipKey]?.$containsi; // Get the value of "$containsi"
@@ -887,61 +934,18 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     // }
                     // );
                     // setSearchChips(formattedChips);
-
-                    const formattedChips = extractChips(searchChips);
-                    setSearchChips(formattedChips);
-
-                }
-                if (customChips && Object.keys(customChips).length !== 0) {
-                    setCustomFilter(customChips);
-                    const rules: FilterRule = transformFiltersToRules(customChips);
-                    const hydratedRules = await hydrateRelationRules([rules], viewData);
-                    setFilterRules(hydratedRules);
-                }
-                const hasGroupingRules = (queryObject?.grouping_rules?.some((rule: any) => rule.fieldName !== null));
-
-                if (hasGroupingRules) {
-                    setGroupingRules(queryObject?.grouping_rules);
-                } else {
-                    // If no grouping rules in localStorage check layout
-                    const layoutGroupBy = viewData?.data?.solidView?.layout?.attrs?.groupBy;
-
-                    if (Array.isArray(layoutGroupBy) && layoutGroupBy.length > 0) {
-                        const initialGroupingRules: GroupingRule[] = layoutGroupBy.map((groupStr: string, index: number) => {
-                            const [fieldName, dateGrouping] = groupStr.split(":");
-                            return {
-                                id: Date.now() + index,
-                                fieldName: fieldName || null,
-                                dateGrouping: (dateGrouping as DateGroupingFormat) || null
-                            };
-                        });
-                        setGroupingRules(initialGroupingRules);
-                    }
-                }
-
-                if (queryObject?.aggregation_rules && queryObject?.aggregation_rules !== aggregationRules) {
-                    setAggregationRules(queryObject?.aggregation_rules);
-                }
-
+                await syncFilterUiStateFromSharedSource(queryObject);
 
                 setRefreshKey((prev) => prev + 1)
                 setHasSearched(true);
             }
         }
         fn()
-    }, [viewData?.data?.solidView?.id, activeSavedFilter, savedFiltersLoaded])
+    }, [activeSavedFilter, savedFilters, savedFiltersLoaded, syncFilterUiStateFromSharedSource, viewData?.data?.solidView?.id])
 
     useEffect(() => {
         const fn = async () => {
-            if (filterPredicates) {
-                if (filterPredicates?.custom_filter_predicate && filterPredicates?.custom_filter_predicate !== customFilter) {
-                    setCustomFilter(filterPredicates?.custom_filter_predicate);
-                    const rules: FilterRule = transformFiltersToRules(filterPredicates.custom_filter_predicate);
-                    const hydratedRules = await hydrateRelationRules([rules], viewData);
-                    setFilterRules(hydratedRules);
-                }
-                if (filterPredicates?.search_predicate && filterPredicates?.search_predicate !== searchFilter) {
-                    setSearchFilter(filterPredicates?.search_predicate);
+            if (filterPredicates !== undefined && filterPredicates !== null) {
                     // const formattedChips = filterPredicates.search_predicate?.$and.map((chip: any, key: any) => {
                     //     const chipKey = Object.keys(chip)[0]; // Get the key, e.g., "displayName"
                     //     const chipValue = chip[chipKey]?.$containsi; // Get the value of "$containsi"
@@ -953,27 +957,15 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     // }
                     // );
                     // setSearchChips(formattedChips);
-                    const formattedChips = extractChips(filterPredicates.search_predicate);
-                    setSearchChips(formattedChips);
-
-                }
+                await syncFilterUiStateFromSharedSource(filterPredicates);
             }
         }
         fn()
-    }, [filterPredicates])
+    }, [filterPredicates, syncFilterUiStateFromSharedSource])
 
     useEffect(() => {
         if (viewData?.data?.solidFieldsMetadata) {
-            // Reset search state when switching views
-            setSearchChips([]);
-            setSearchFilter(null);
-            setFilterRules(initialState);
-            setCustomFilter(null);
-            setPredefinedSearchChip(null);
-            setPredefinedSearchBaseFilter(null);
             setInputValue("");
-
-
             let fieldsData = viewData?.data?.solidFieldsMetadata;
             // console.log(`fiels data while rendering solid global search element: `);
             // console.log(fieldsData);
@@ -1337,10 +1329,8 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 setFilterRules(initialState);
                 setCustomFilter(null)
                 setPredefinedSearchChip(null);
-                const currentPageUrl = window.location.pathname; // Get the current page URL
-                localStorage.removeItem(currentPageUrl); // Store in local storage with the URL as the key
-
                 setPredefinedSearchBaseFilter(null);
+                clearFilterObjectFromLocalStorage();
                 setTimeout(() => {
                     router.push(buildSavedFilterUrl(formValues.id));
                 }, 500)
@@ -1362,9 +1352,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 setCustomFilter(null)
                 setPredefinedSearchChip(null);
                 setPredefinedSearchBaseFilter(null);
-
-                const currentPageUrl = window.location.pathname; // Get the current page URL
-                localStorage.removeItem(currentPageUrl); // Store in local storage with the URL as the key
+                clearFilterObjectFromLocalStorage();
 
                 setTimeout(() => {
                     router.push(buildSavedFilterUrl(result.data.id));
@@ -1453,8 +1441,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setCustomFilter(null)
         setPredefinedSearchChip(null);
         setPredefinedSearchBaseFilter(null);
-        const currentPageUrl = window.location.pathname; // Get the current page URL
-        localStorage.removeItem(currentPageUrl); // Store in local storage with the URL as the key
+        clearFilterObjectFromLocalStorage();
         // push the savedQuery=1 in url 
         if (savedfilter?.id) {
             router.push(buildSavedFilterUrl(savedfilter.id));
@@ -1733,7 +1720,9 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         if (e.key === "Enter") {
             if (currentValue || focusedIndex >= 0) {
                 e.preventDefault();
-                const activeOption = overlayOptions[focusedIndex] || (currentValue ? overlayOptions[0] : null);
+                const activeOption = overlayOptions[focusedIndex] || (currentValue
+                    ? overlayOptions.find((option) => option.kind === "field" || option.kind === "predefined")
+                    : null);
 
                 if (activeOption?.kind === "field") {
                     applyFieldOption(activeOption.field);

package/dist/components/core/common/globalSearchPersistence.d.ts

@@ -1,7 +1,10 @@
 export declare const hasMeaningfulPersistedFilter: (filterObject: any) => boolean;
 export declare const hasStoredFilterPredicates: (queryObject: any) => boolean;
+export declare const hasStoredSearchUiState: (queryObject: any) => boolean;
 export declare const getFilterObjectFromLocalStorage: () => any;
 export declare const getFilterObjectFromLocalStorageByUrl: (url: string) => any;
 export declare const setFilterObjectToLocalStorage: (queryObject: any) => string | null;
 export declare const setFilterObjectToLocalStorageByUrl: (url: string, queryObject: any) => string | null;
+export declare const clearFilterObjectFromLocalStorage: () => void;
+export declare const clearFilterObjectFromLocalStorageByUrl: (url: string) => void;
 //# sourceMappingURL=globalSearchPersistence.d.ts.map

package/dist/components/core/common/globalSearchPersistence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalSearchPersistence.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/globalSearchPersistence.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,4BAA4B,iBAAkB,GAAG,KAAG,OAgBhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBAAiB,GAAG,KAAG,OAIW,CAAC;AAEzE,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAEF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAe/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAQ7D,CAAC;AAEF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAO/E,CAAC"}
+{"version":3,"file":"globalSearchPersistence.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/globalSearchPersistence.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,4BAA4B,iBAAkB,GAAG,KAAG,OAgBhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBAAiB,GAAG,KAAG,OAIW,CAAC;AAEzE,eAAO,MAAM,sBAAsB,gBAAiB,GAAG,KAAG,OAGgC,CAAC;AAE3F,eAAO,MAAM,+BAA+B,WAI3C,CAAC;AAEF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAG/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAQ7D,CAAC;AAEF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAO/E,CAAC;AAEF,eAAO,MAAM,iCAAiC,YAK7C,CAAC;AAEF,eAAO,MAAM,sCAAsC,QAAS,MAAM,SAIjE,CAAC"}

package/dist/components/core/common/globalSearchPersistence.js

@@ -1,4 +1,16 @@
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
+var decodeStoredFilterObject = function (encodedQueryString) {
+    if (!encodedQueryString)
+        return null;
+    try {
+        var decodedQueryString = atob(encodedQueryString);
+        return JSON.parse(decodedQueryString);
+    }
+    catch (error) {
+        console.error(ERROR_MESSAGES.ERROR_DECODING, error);
+        return null;
+    }
+};
 var hasMeaningfulPersistedFilterValue = function (value) {
     if (value === null || value === undefined)
         return false;
@@ -38,36 +50,22 @@ export var hasStoredFilterPredicates = function (queryObject) {
         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 hasStoredSearchUiState = function (queryObject) {
+    var _a, _b, _c, _d;
+    return hasStoredFilterPredicates(queryObject) ||
+        Boolean((_b = (_a = queryObject === null || queryObject === void 0 ? void 0 : queryObject.grouping_rules) === null || _a === void 0 ? void 0 : _a.some) === null || _b === void 0 ? void 0 : _b.call(_a, function (rule) { return (rule === null || rule === void 0 ? void 0 : rule.fieldName) !== null; })) ||
+        Boolean((_d = (_c = queryObject === null || queryObject === void 0 ? void 0 : queryObject.aggregation_rules) === null || _c === void 0 ? void 0 : _c.some) === null || _d === void 0 ? void 0 : _d.call(_c, function (rule) { return Boolean(rule === null || rule === void 0 ? void 0 : rule.fieldName); }));
+};
 export var getFilterObjectFromLocalStorage = function () {
-    if (typeof window === "undefined")
-        return null;
     var currentPageUrl = window.location.pathname;
-    var encodedQueryString = localStorage.getItem(currentPageUrl);
-    if (encodedQueryString) {
-        try {
-            var decodedQueryString = atob(encodedQueryString);
-            return JSON.parse(decodedQueryString);
-        }
-        catch (error) {
-            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-        }
-    }
-    return null;
+    if (!currentPageUrl || typeof window === "undefined")
+        return null;
+    return decodeStoredFilterObject(localStorage.getItem(currentPageUrl));
 };
 export var getFilterObjectFromLocalStorageByUrl = function (url) {
     if (typeof window === "undefined")
         return null;
-    var encodedQueryString = localStorage.getItem(url);
-    if (encodedQueryString) {
-        try {
-            var decodedQueryString = atob(encodedQueryString);
-            return JSON.parse(decodedQueryString);
-        }
-        catch (error) {
-            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-        }
-    }
-    return null;
+    return decodeStoredFilterObject(localStorage.getItem(url));
 };
 export var setFilterObjectToLocalStorage = function (queryObject) {
     if (typeof window === "undefined" || !queryObject)
@@ -86,4 +84,15 @@ export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
     localStorage.setItem(url, encodedQueryString);
     return encodedQueryString;
 };
+export var clearFilterObjectFromLocalStorage = function () {
+    var currentPageUrl = window.location.pathname;
+    if (!currentPageUrl || typeof window === "undefined")
+        return;
+    localStorage.removeItem(currentPageUrl);
+};
+export var clearFilterObjectFromLocalStorageByUrl = function (url) {
+    if (typeof window === "undefined")
+        return;
+    localStorage.removeItem(url);
+};
 //# sourceMappingURL=globalSearchPersistence.js.map

package/dist/components/core/common/globalSearchPersistence.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalSearchPersistence.js","sourceRoot":"","sources":["../../../../src/components/core/common/globalSearchPersistence.ts"],"names":[],"mappings":"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","sourcesContent":["import { ERROR_MESSAGES } from \"../../../constants/error-messages\";\n\nconst hasMeaningfulPersistedFilterValue = (value: any): boolean => {\n  if (value === null || value === undefined) return false;\n  if (typeof value === \"string\") return value.trim().length > 0;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return true;\n  if (Array.isArray(value)) return value.some((item) => hasMeaningfulPersistedFilterValue(item));\n  if (typeof value === \"object\") return hasMeaningfulPersistedFilter(value);\n  return false;\n};\n\nexport const hasMeaningfulPersistedFilter = (filterObject: any): boolean => {\n  if (!filterObject || typeof filterObject !== \"object\") return false;\n\n  if (Array.isArray(filterObject)) {\n    return filterObject.some((item) => hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item));\n  }\n\n  return Object.entries(filterObject).some(([key, value]) => {\n    if (key === \"matchMode\" || key === \"operator\") return false;\n    if (key === \"value\") return hasMeaningfulPersistedFilterValue(value);\n    if ((key === \"$and\" || key === \"$or\") && Array.isArray(value)) {\n      return value.some((item) => hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item));\n    }\n    if (typeof value === \"object\") return hasMeaningfulPersistedFilter(value);\n    return hasMeaningfulPersistedFilterValue(value);\n  });\n};\n\nexport const hasStoredFilterPredicates = (queryObject: any): boolean =>\n  hasMeaningfulPersistedFilter(queryObject?.custom_filter_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.search_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.saved_filter_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.predefined_search_predicate);\n\nexport const getFilterObjectFromLocalStorage = () => {\n  if (typeof window === \"undefined\") return null;\n\n  const currentPageUrl = window.location.pathname;\n  const encodedQueryString = localStorage.getItem(currentPageUrl);\n\n  if (encodedQueryString) {\n    try {\n      const decodedQueryString = atob(encodedQueryString);\n      return JSON.parse(decodedQueryString);\n    } catch (error) {\n      console.error(ERROR_MESSAGES.ERROR_DECODING, error);\n    }\n  }\n\n  return null;\n};\n\nexport const getFilterObjectFromLocalStorageByUrl = (url: string) => {\n  if (typeof window === \"undefined\") return null;\n\n  const encodedQueryString = localStorage.getItem(url);\n\n  if (encodedQueryString) {\n    try {\n      const decodedQueryString = atob(encodedQueryString);\n      return JSON.parse(decodedQueryString);\n    } catch (error) {\n      console.error(ERROR_MESSAGES.ERROR_DECODING, error);\n    }\n  }\n\n  return null;\n};\n\nexport const setFilterObjectToLocalStorage = (queryObject: any) => {\n  if (typeof window === \"undefined\" || !queryObject) return null;\n\n  const stringifiedObject = JSON.stringify(queryObject);\n  const encodedQueryString = btoa(stringifiedObject);\n  const currentPageUrl = window.location.pathname;\n  localStorage.setItem(currentPageUrl, encodedQueryString);\n  return encodedQueryString;\n};\n\nexport const setFilterObjectToLocalStorageByUrl = (url: string, queryObject: any) => {\n  if (typeof window === \"undefined\" || !queryObject) return null;\n\n  const stringifiedObject = JSON.stringify(queryObject);\n  const encodedQueryString = btoa(stringifiedObject);\n  localStorage.setItem(url, encodedQueryString);\n  return encodedQueryString;\n};\n"]}
+{"version":3,"file":"globalSearchPersistence.js","sourceRoot":"","sources":["../../../../src/components/core/common/globalSearchPersistence.ts"],"names":[],"mappings":"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","sourcesContent":["import { ERROR_MESSAGES } from \"../../../constants/error-messages\";\n\nconst decodeStoredFilterObject = (encodedQueryString: string | null) => {\n  if (!encodedQueryString) return null;\n\n  try {\n    const decodedQueryString = atob(encodedQueryString);\n    return JSON.parse(decodedQueryString);\n  } catch (error) {\n    console.error(ERROR_MESSAGES.ERROR_DECODING, error);\n    return null;\n  }\n};\n\n\nconst hasMeaningfulPersistedFilterValue = (value: any): boolean => {\n  if (value === null || value === undefined) return false;\n  if (typeof value === \"string\") return value.trim().length > 0;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return true;\n  if (Array.isArray(value)) return value.some((item) => hasMeaningfulPersistedFilterValue(item));\n  if (typeof value === \"object\") return hasMeaningfulPersistedFilter(value);\n  return false;\n};\n\nexport const hasMeaningfulPersistedFilter = (filterObject: any): boolean => {\n  if (!filterObject || typeof filterObject !== \"object\") return false;\n\n  if (Array.isArray(filterObject)) {\n    return filterObject.some((item) => hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item));\n  }\n\n  return Object.entries(filterObject).some(([key, value]) => {\n    if (key === \"matchMode\" || key === \"operator\") return false;\n    if (key === \"value\") return hasMeaningfulPersistedFilterValue(value);\n    if ((key === \"$and\" || key === \"$or\") && Array.isArray(value)) {\n      return value.some((item) => hasMeaningfulPersistedFilter(item) || hasMeaningfulPersistedFilterValue(item));\n    }\n    if (typeof value === \"object\") return hasMeaningfulPersistedFilter(value);\n    return hasMeaningfulPersistedFilterValue(value);\n  });\n};\n\nexport const hasStoredFilterPredicates = (queryObject: any): boolean =>\n  hasMeaningfulPersistedFilter(queryObject?.custom_filter_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.search_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.saved_filter_predicate) ||\n  hasMeaningfulPersistedFilter(queryObject?.predefined_search_predicate);\n\nexport const hasStoredSearchUiState = (queryObject: any): boolean =>\n  hasStoredFilterPredicates(queryObject) ||\n  Boolean(queryObject?.grouping_rules?.some?.((rule: any) => rule?.fieldName !== null)) ||\n  Boolean(queryObject?.aggregation_rules?.some?.((rule: any) => Boolean(rule?.fieldName)));\n\nexport const getFilterObjectFromLocalStorage = () => {\n  const currentPageUrl = window.location.pathname;\n  if (!currentPageUrl || typeof window === \"undefined\") return null;\n  return decodeStoredFilterObject(localStorage.getItem(currentPageUrl));\n};\n\nexport const getFilterObjectFromLocalStorageByUrl = (url: string) => {\n  if (typeof window === \"undefined\") return null;\n  return decodeStoredFilterObject(localStorage.getItem(url));\n};\n\nexport const setFilterObjectToLocalStorage = (queryObject: any) => {\n  if (typeof window === \"undefined\" || !queryObject) return null;\n\n  const stringifiedObject = JSON.stringify(queryObject);\n  const encodedQueryString = btoa(stringifiedObject);\n  const currentPageUrl = window.location.pathname;\n  localStorage.setItem(currentPageUrl, encodedQueryString);\n  return encodedQueryString;\n};\n\nexport const setFilterObjectToLocalStorageByUrl = (url: string, queryObject: any) => {\n  if (typeof window === \"undefined\" || !queryObject) return null;\n\n  const stringifiedObject = JSON.stringify(queryObject);\n  const encodedQueryString = btoa(stringifiedObject);\n  localStorage.setItem(url, encodedQueryString);\n  return encodedQueryString;\n};\n\nexport const clearFilterObjectFromLocalStorage = () => {\n  const currentPageUrl = window.location.pathname;\n  if (!currentPageUrl || typeof window === \"undefined\") return;\n\n  localStorage.removeItem(currentPageUrl);\n};\n\nexport const clearFilterObjectFromLocalStorageByUrl = (url: string) => {\n  if (typeof window === \"undefined\") return;\n\n  localStorage.removeItem(url);\n};\n"]}

package/dist/components/core/common/globalSearchPersistence.ts

@@ -1,5 +1,18 @@
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 
+const decodeStoredFilterObject = (encodedQueryString: string | null) => {
+  if (!encodedQueryString) return null;
+
+  try {
+    const decodedQueryString = atob(encodedQueryString);
+    return JSON.parse(decodedQueryString);
+  } catch (error) {
+    console.error(ERROR_MESSAGES.ERROR_DECODING, error);
+    return null;
+  }
+};
+
+
 const hasMeaningfulPersistedFilterValue = (value: any): boolean => {
   if (value === null || value === undefined) return false;
   if (typeof value === "string") return value.trim().length > 0;
@@ -33,39 +46,20 @@ export const hasStoredFilterPredicates = (queryObject: any): boolean =>
   hasMeaningfulPersistedFilter(queryObject?.saved_filter_predicate) ||
   hasMeaningfulPersistedFilter(queryObject?.predefined_search_predicate);
 
-export const getFilterObjectFromLocalStorage = () => {
-  if (typeof window === "undefined") return null;
+export const hasStoredSearchUiState = (queryObject: any): boolean =>
+  hasStoredFilterPredicates(queryObject) ||
+  Boolean(queryObject?.grouping_rules?.some?.((rule: any) => rule?.fieldName !== null)) ||
+  Boolean(queryObject?.aggregation_rules?.some?.((rule: any) => Boolean(rule?.fieldName)));
 
+export const getFilterObjectFromLocalStorage = () => {
   const currentPageUrl = window.location.pathname;
-  const encodedQueryString = localStorage.getItem(currentPageUrl);
-
-  if (encodedQueryString) {
-    try {
-      const decodedQueryString = atob(encodedQueryString);
-      return JSON.parse(decodedQueryString);
-    } catch (error) {
-      console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-    }
-  }
-
-  return null;
+  if (!currentPageUrl || typeof window === "undefined") return null;
+  return decodeStoredFilterObject(localStorage.getItem(currentPageUrl));
 };
 
 export const getFilterObjectFromLocalStorageByUrl = (url: string) => {
   if (typeof window === "undefined") return null;
-
-  const encodedQueryString = localStorage.getItem(url);
-
-  if (encodedQueryString) {
-    try {
-      const decodedQueryString = atob(encodedQueryString);
-      return JSON.parse(decodedQueryString);
-    } catch (error) {
-      console.error(ERROR_MESSAGES.ERROR_DECODING, error);
-    }
-  }
-
-  return null;
+  return decodeStoredFilterObject(localStorage.getItem(url));
 };
 
 export const setFilterObjectToLocalStorage = (queryObject: any) => {
@@ -86,3 +80,16 @@ export const setFilterObjectToLocalStorageByUrl = (url: string, queryObject: any
   localStorage.setItem(url, encodedQueryString);
   return encodedQueryString;
 };
+
+export const clearFilterObjectFromLocalStorage = () => {
+  const currentPageUrl = window.location.pathname;
+  if (!currentPageUrl || typeof window === "undefined") return;
+
+  localStorage.removeItem(currentPageUrl);
+};
+
+export const clearFilterObjectFromLocalStorageByUrl = (url: string) => {
+  if (typeof window === "undefined") return;
+
+  localStorage.removeItem(url);
+};

package/dist/components/core/filter/fields/SolidMediaMultipleField.js

@@ -13,8 +13,8 @@ var SolidMediaMultipleField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },

package/dist/components/core/filter/fields/SolidMediaMultipleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,uBAAuB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACnE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,kEAAkE;IAClE,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const filterable = false;\n    // const showFilterOperator = false;\n    // const columnDataType = undefined;\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContains\" },\n        { label: 'Ends With', value: \"$endsWith\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidMediaMultipleField;\n"]}
+{"version":3,"file":"SolidMediaMultipleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaMultipleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,uBAAuB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACnE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,kEAAkE;IAClE,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const filterable = false;\n    // const showFilterOperator = false;\n    // const columnDataType = undefined;\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContainsi\" },\n        { label: 'Ends With', value: \"$endsWithi\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidMediaMultipleField;\n"]}

package/dist/components/core/filter/fields/SolidMediaMultipleField.tsx

@@ -13,8 +13,8 @@ const SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: Solid
     const filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },

package/dist/components/core/filter/fields/SolidMediaSingleField.js

@@ -12,8 +12,8 @@ var SolidMediaSingleField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },

package/dist/components/core/filter/fields/SolidMediaSingleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,qBAAqB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACjE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const filterable = false;\n    // const showFilterOperator = false;\n    // const columnDataType = undefined;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContains\" },\n        { label: 'Ends With', value: \"$endsWith\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidMediaSingleField;\n"]}
+{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,qBAAqB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACjE,8CAA8C;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,oCAAoC;IACpC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IACF,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,kEAAkE;IAElE,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,wBAAwB,GACpC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const filterable = false;\n    // const showFilterOperator = false;\n    // const columnDataType = undefined;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContainsi\" },\n        { label: 'Ends With', value: \"$endsWithi\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full \"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidMediaSingleField;\n"]}

package/dist/components/core/filter/fields/SolidMediaSingleField.tsx

@@ -12,8 +12,8 @@ const SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFi
     const filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },

package/dist/components/core/filter/fields/SolidShortTextField.js

@@ -10,8 +10,8 @@ var SolidShortTextField = function (_a) {
     var filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },

package/dist/components/core/filter/fields/SolidShortTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,mBAAmB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;QAChD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;QAC1C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAEF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContains\" },\n        { label: 'Ends With', value: \"$endsWith\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidShortTextField;\n"]}
+{"version":3,"file":"SolidShortTextField.js","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidShortTextField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAA2B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAEzF,IAAM,mBAAmB,GAAG,UAAC,EAAiE;QAA/D,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/D,8CAA8C;IAC9C,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACjC,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,sBAAsB,GAAG;QAC3B,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE;QAC/C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE;QACjD,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAClC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;QACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE;KAE9C,CAAC;IAEF,kEAAkE;IAClE,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAC,sDAAsD,aACjE,cAAK,SAAS,EAAC,0CAA0C,YACrD,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;oBAC3C,CAAC,EACD,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,uBAAuB,GACnC,GACA,EAEN,cAAK,SAAS,EAAC,8DAA8D,YACzE,KAAC,2BAA2B,IACxB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,CAAM;wBACb,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;oBACjC,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,aAAa,EAAE,aAAa,GAEF,GAC5B,IACJ,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { SolidSelect } from \"../../../shad-cn-ui/SolidSelect\";\nimport { getNumberOfInputs, SolidFilterFieldsParams } from '../SolidFilterFields';\nimport { InputTypes, SolidVarInputsFilterElement } from '../SolidVarInputsFilterElement';\n\nconst SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFieldsParams) => {\n    // const filterable = column.attrs.filterable;\n    const showFilterOperator = false;\n    const columnDataType = 'text';\n    const filterMatchModeOptions = [\n        { label: 'Starts With', value: \"$startsWithi\" },\n        { label: 'Contains', value: \"$containsi\" },\n        { label: 'Not Contains', value: \"$notContainsi\" },\n        { label: 'Ends With', value: \"$endsWithi\" },\n        { label: 'Equals', value: \"$eqi\" },\n        { label: 'Not Equals', value: \"$nei\" },\n        { label: 'Is null', value: \"$null\" },\n        { label: 'Is Not null', value: \"$notNull\" }\n\n    ];\n\n    // const header = column.attrs.label ?? fieldMetadata.displayName;\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    return (\n        <div className='flex flex-col items-start gap-2 md:flex-row md:gap-1'>\n            <div className=\"w-full p-0 px-0 md:w-1/2 md:pl-0 md:pr-0\">\n                <SolidSelect\n                    value={rule.matchMode}\n                    native={false}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'matchMode', e.value)\n                    }}\n                    options={filterMatchModeOptions}\n                    optionLabel='label'\n                    optionValue='value'\n                    placeholder=\"Select Operator\"\n                    className=\"p-inputtext-sm w-full\"\n                />\n            </div>\n\n            <div className='flex flex-col gap-2 w-full md:w-1/2 px-0 md:pl-0 md:pr-0 p-0'>\n                <SolidVarInputsFilterElement\n                    values={rule.value}\n                    onChange={(e: any) => {\n                        onChange(rule.id, 'value', e)\n                    }}\n                    numberOfInputs={numberOfInputs}\n                    inputType={InputTypes.Text}\n                    fieldMetadata={fieldMetadata}\n                >\n                </SolidVarInputsFilterElement>\n            </div>\n        </div>\n    );\n\n};\n\nexport default SolidShortTextField;\n"]}

package/dist/components/core/filter/fields/SolidShortTextField.tsx

@@ -10,8 +10,8 @@ const SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilt
     const filterMatchModeOptions = [
         { label: 'Starts With', value: "$startsWithi" },
         { label: 'Contains', value: "$containsi" },
-        { label: 'Not Contains', value: "$notContains" },
-        { label: 'Ends With', value: "$endsWith" },
+        { label: 'Not Contains', value: "$notContainsi" },
+        { label: 'Ends With', value: "$endsWithi" },
         { label: 'Equals', value: "$eqi" },
         { label: 'Not Equals', value: "$nei" },
         { label: 'Is null', value: "$null" },