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

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

@@ -1,7 +1,10 @@
 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 {clearFilterObjectFromLocalStorage,getFilterObjectFromLocalStorage,setFilterObjectToLocalStorage,
+import { usePathname } from "../../../hooks/usePathname";
+import { useRouter } from "../../../hooks/useRouter";
+import { useSearchParams } from "../../../hooks/useSearchParams";
+import {clearFilterObjectFromLocalStorage,getFilterObjectFromLocalStorage,
 } from "./globalSearchPersistence";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import qs from "qs";
@@ -9,7 +12,6 @@ import { SolidSaveCustomFilterForm } from "./SolidSaveCustomFilterForm";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { hydrateRelationRules } from "../../../helpers/hydrateRelationRules";
 import { useSession } from '../../../hooks/useSession'
-import { getUnboundSavedFilterVariableNames, parseSavedFilterQueryJson, resolveSavedFilterVariables } from '../../../helpers/resolveActiveUserId';
 import GroupingComponent, { AggregationRule, GroupingRule, DateGroupingFormat } from "./GroupingComponent";
 import { Bookmark, Check, Filter, ListFilter, Pencil, Plus, Search, SearchX, Trash2, X } from "lucide-react";
 import { SolidButton } from "../../shad-cn-ui/SolidButton";
@@ -418,10 +420,8 @@ export const mergeAllDiffFilters = (customFilter: any, searchFilter: any, savedF
     return filters;
 }
 
-const SavedFilterList = ({ savedfilter, activeSavedFilterReference, applySavedFilter, openSavedCustomFilter, setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible, isFocused, onMouseEnter }: any) => {
-    const isActive = savedfilter?.systemKey
-        ? activeSavedFilterReference === savedfilter.systemKey
-        : String(activeSavedFilterReference) === String(savedfilter.id);
+const SavedFilterList = ({ savedfilter, activeSavedFilter, applySavedFilter, openSavedCustomFilter, setSavedFilterTobeDeleted, setIsDeleteSQDialogVisible, isFocused, onMouseEnter }: any) => {
+    const isActive = savedfilter?.systemKey ? activeSavedFilter === savedfilter.systemKey : Number(activeSavedFilter) == savedfilter.id;
 
     return (
         <div className="solid-saved-filter-item" onMouseEnter={onMouseEnter}>
@@ -608,11 +608,18 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     ];
 
     const [initialState, setInitialState] = useState(defaultState);
+    const pathname = usePathname();
     const searchableEntityLabel =
         viewData?.data?.solidView?.displayName ||
         viewData?.data?.solidView?.model?.displayName ||
         "records";
 
+
+    const searchParams = useSearchParams() // Converts the query params to a string
+    const activeSavedFilter = searchParams?.get("savedQuery");
+
+    const router = useRouter();
+
     const chipsRef = useRef<HTMLDivElement | null | any>(null);
 
     // filterRules is used to maintian the ui of custom filter 
@@ -655,7 +662,6 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     // currentSavedFilterData  is used to save the whole object of saved filter 
     const [currentSavedFilterData, setCurrentSavedFilterData] = useState<any>();
     const [currentSavedFilterQuery, setCurrentSavedFilterQuery] = useState<any>();
-    const [currentSavedFilterVariables, setCurrentSavedFilterVariables] = useState<Record<string, any>>({});
     const [currentSavedFilterRules, setCurrentSavedFilterRules] = useState<any>();
     const [showSavedFilterComponent, setShowSavedFilterComponent] = useState<boolean>(false);
 
@@ -714,23 +720,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         };
     }, [isDraftPublishWorkflowEnabled]);
 
-    const allAvailableSavedFilters = useMemo(
+    const availableSavedFilters = useMemo(
         () => workflowPublishedVersionsSavedFilter
             ? [workflowPublishedVersionsSavedFilter, ...(savedFilters || [])]
             : (savedFilters || []),
         [workflowPublishedVersionsSavedFilter, savedFilters]
     );
-    const availableSavedFilters = allAvailableSavedFilters;
-    const selectableSavedFilters = useMemo(
-        () => allAvailableSavedFilters.filter((filter: any) => {
-            try {
-                return getUnboundSavedFilterVariableNames(parseSavedFilterQueryJson(filter.filterQueryJson || "{}")).length === 0;
-            } catch {
-                return false;
-            }
-        }),
-        [allAvailableSavedFilters]
-    );
 
     const entityApi = createSolidEntityApi("savedFilters");
     const {
@@ -760,6 +755,20 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
 
     const [savedFilterFetchDataRefreshKey, setSavedFilterFetchDataRefreshKey] = useState(0);
 
+    const buildSavedFilterUrl = (savedQueryId?: string | number | null) => {
+        const params = new URLSearchParams(searchParams.toString());
+
+        if (savedQueryId === null || savedQueryId === undefined || savedQueryId === "") {
+            params.delete("savedQuery");
+        } else {
+            params.set("savedQuery", String(savedQueryId));
+        }
+
+        const queryString = params.toString();
+        return queryString ? `${pathname}?${queryString}` : pathname;
+    };
+
+
     useEffect(() => {
         const fn = async () => {
             if (!viewData?.data?.solidView?.model?.id || !viewData?.data?.solidView?.id || !user?.id) {
@@ -805,6 +814,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         }
         fn()
     }, [
+        activeSavedFilter,
         savedFilterFetchDataRefreshKey,
         viewData?.data?.solidView?.id,
         viewData?.data?.solidView?.model?.id,
@@ -819,12 +829,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 ? queryObject.custom_filter_predicate
                 : null;
         const nextPredefinedBaseFilter = queryObject?.predefined_search_predicate || null;
-        const nextPredefinedSearchChip =
-            nextPredefinedBaseFilter && queryObject?.predefined_search_chip
-                ? queryObject.predefined_search_chip
-                : null;
         const nextSavedFilter = queryObject?.saved_filter_predicate || null;
-        const nextSavedFilterVariables = queryObject?.saved_filter_variables ?? {};
         const nextSavedFilterData = nextSavedFilter
             ? availableSavedFilters.find((savedFilter: any) => {
                 if (queryObject?.saved_filter_system_key) {
@@ -846,10 +851,8 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setSearchChips((prev) => areFilterStateValuesEqual(prev, nextSearchChips) ? prev : nextSearchChips);
         setCustomFilter((prev: any) => areFilterStateValuesEqual(prev, nextCustomFilter) ? prev : nextCustomFilter);
         setPredefinedSearchBaseFilter((prev: any) => areFilterStateValuesEqual(prev, nextPredefinedBaseFilter) ? prev : nextPredefinedBaseFilter);
-        setPredefinedSearchChip((prev) => areFilterStateValuesEqual(prev, nextPredefinedSearchChip) ? prev : nextPredefinedSearchChip);
         setCurrentSavedFilterData((prev: any) => areFilterStateValuesEqual(prev, nextSavedFilterData) ? prev : nextSavedFilterData);
         setCurrentSavedFilterQuery((prev: any) => areFilterStateValuesEqual(prev, nextSavedFilter) ? prev : nextSavedFilter);
-        setCurrentSavedFilterVariables((prev) => areFilterStateValuesEqual(prev, nextSavedFilterVariables) ? prev : nextSavedFilterVariables);
 
         if (nextCustomFilter && viewData?.data) {
             const rules: FilterRule = transformFiltersToRules(nextCustomFilter);
@@ -896,7 +899,6 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setPredefinedSearchBaseFilter(null);
         setCurrentSavedFilterData(null);
         setCurrentSavedFilterQuery(null);
-        setCurrentSavedFilterVariables({});
         setCurrentSavedFilterRules(null);
         if (!preserveGrouping) {
             setGroupingRules(defaultGroupingRules);
@@ -907,6 +909,13 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setInputValue("");
         clearFilterObjectFromLocalStorage();
 
+        if (activeSavedFilter) {
+            const params = new URLSearchParams(searchParams.toString());
+            params.delete("savedQuery");
+            const nextUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
+            router.replace(nextUrl);
+        }
+
         setHasSearched(true);
         setRefreshKey((prev) => prev + 1);
     };
@@ -915,15 +924,6 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         clearFilter: () => {
             resetAppliedFilters();
         },
-        getSavedFilters: () => availableSavedFilters.map((filter: any) => ({ ...filter })),
-        applySavedFilterByName: (name: string, variables: Record<string, any> = {}) => {
-            const savedFilter = allAvailableSavedFilters.find((filter: any) => filter?.name === name);
-            if (!savedFilter) {
-                return false;
-            }
-
-            return applySavedFilter(savedFilter, variables);
-        },
         clearAppliedFilters: (options?: { preserveGrouping?: boolean }) => {
             resetAppliedFilters(options);
         },
@@ -945,15 +945,35 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     useEffect(() => {
         const fn = async () => {
             if (savedFiltersLoaded) {
+
+                if (activeSavedFilter && availableSavedFilters.length === 0) return;
+
                 const queryObject = getFilterObjectFromLocalStorage();
-                await syncFilterUiStateFromSharedSource(queryObject);
+                let nextQueryObject = queryObject;
+                if (activeSavedFilter) {
+                    const currentSavedFilterId = Number(activeSavedFilter);
+                    const currentSavedFilterData: any = availableSavedFilters.find((savedFilter: any) => savedFilter.id === currentSavedFilterId);
+                    if (currentSavedFilterData) {
+                        const filterJson = JSON.parse(currentSavedFilterData?.filterQueryJson);
+                        if (filterJson) {
+                            nextQueryObject = {
+                                ...(queryObject || {}),
+                                saved_filter_predicate: filterJson,
+                                saved_filter_id: currentSavedFilterData.id,
+                                saved_filter_system_key: currentSavedFilterData.systemKey,
+                                saved_filter_name: currentSavedFilterData.name,
+                            };
+                        }
+                    }
+                }
+                await syncFilterUiStateFromSharedSource(nextQueryObject);
 
                 setRefreshKey((prev) => prev + 1)
                 setHasSearched(true);
             }
         }
         fn()
-    }, [availableSavedFilters, savedFiltersLoaded, syncFilterUiStateFromSharedSource, viewData?.data?.solidView?.id])
+    }, [activeSavedFilter, availableSavedFilters, savedFiltersLoaded, syncFilterUiStateFromSharedSource, viewData?.data?.solidView?.id])
 
     useEffect(() => {
         const fn = async () => {
@@ -1243,16 +1263,6 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
 
             const finalCustomFilter = customFilter
             const finalFilter = mergeAllDiffFilters(finalCustomFilter, finalSearchFilter, finalSavedFilter, finalPredefinedFilter, groupingRules, aggregationRules)
-            finalFilter.predefined_search_chip =
-                finalPredefinedFilter && predefinedSearchChip
-                    ? predefinedSearchChip
-                    : null;
-            if (finalSavedFilter && Object.keys(finalSavedFilter).length > 0) {
-                const resolved = resolveSavedFilterVariables(finalSavedFilter, user?.id, currentSavedFilterVariables);
-                if (resolved.missingVariables.length > 0) return;
-                finalFilter.resolved_saved_filter_predicate = resolved.value;
-                finalFilter.saved_filter_variables = currentSavedFilterVariables;
-            }
             if (currentSavedFilterData?.id) {
                 finalFilter.saved_filter_id = currentSavedFilterData.id;
             }
@@ -1281,6 +1291,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
 
     const openSavedCustomFilter = async (savedfilter: any) => {
         //Open custom filter popup 
+        // router.push(`?savedQuery=${savedfilter.id}`);
         // setShowGlobalSearchElement(true);
         // // dont refetch the data yet
         // const customFilter = JSON.parse(savedfilter.filterQueryJson);
@@ -1298,13 +1309,15 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setPredefinedSearchChip(null);
         setPredefinedSearchBaseFilter(null);
 
+        // push the savedQuery=1 in url 
         if (savedfilter?.id) {
             const savedfilterId = savedfilter.id;
+            // router.push(`?savedQuery=${savedfilter.id}`);
             setShowOverlay(false);
             const currentSavedFilterData: any = availableSavedFilters.find((savedFilter: any) => savedFilter.id === savedfilterId);
             setCurrentSavedFilterData(currentSavedFilterData);
             if (currentSavedFilterData) {
-                const filterJson = parseSavedFilterQueryJson(currentSavedFilterData?.filterQueryJson);
+                const filterJson = JSON.parse(currentSavedFilterData?.filterQueryJson);
                 if (filterJson) {
                     let finalSavedFilter = filterJson
                     setCurrentSavedFilterQuery(finalSavedFilter)
@@ -1322,50 +1335,14 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         }
     }
 
-    const persistActiveSavedFilter = (savedFilter: any, filterJson: any, variables: Record<string, any>) => {
-        const persistedFilter = {
-            ...(getFilterObjectFromLocalStorage() || {}),
-            custom_filter_predicate: null,
-            search_predicate: null,
-            predefined_search_predicate: null,
-            predefined_search_chip: null,
-            saved_filter_predicate: filterJson,
-            saved_filter_variables: variables,
-            saved_filter_id: savedFilter?.id ?? null,
-            saved_filter_system_key: savedFilter?.systemKey ?? null,
-            saved_filter_name: savedFilter?.name ?? null,
-        };
-        delete persistedFilter.finalFullFilter;
-        setFilterObjectToLocalStorage(persistedFilter);
-    };
-
-    const clearActiveSavedFilter = () => {
-        setCurrentSavedFilterData(null);
-        setCurrentSavedFilterQuery(null);
-        setCurrentSavedFilterVariables({});
-        setCurrentSavedFilterRules(null);
-        setShowSavedFilterComponent(false);
-
-        const persistedFilter = {
-            ...(getFilterObjectFromLocalStorage() || {}),
-            saved_filter_predicate: null,
-            saved_filter_variables: {},
-            saved_filter_id: null,
-            saved_filter_system_key: null,
-            saved_filter_name: null,
-        };
-        delete persistedFilter.finalFullFilter;
-        setFilterObjectToLocalStorage(persistedFilter);
-
-        setHasSearched(true);
-        setRefreshKey((prev) => prev + 1);
-    };
-
     const deleteSavedFilter = async () => {
         // delte the saved filter with id 
         await deleteEntity(savedFilterTobeDeleted);
-        if (String(savedFilterTobeDeleted) === String(currentSavedFilterData?.id)) {
-            clearActiveSavedFilter();
+        // triggerGetSolidEntities(savedFilterQueryString);
+        let parsedSearchParams = searchParams;
+        const savedQuery = parsedSearchParams?.get("savedQuery");
+        if (savedFilterTobeDeleted == savedQuery) {
+            router.push(buildSavedFilterUrl(null));
         }
         setIsDeleteSQDialogVisible(false);
         setTimeout(() => {
@@ -1394,6 +1371,8 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 setCustomFilter(null)
                 setPredefinedSearchChip(null);
                 setPredefinedSearchBaseFilter(null);
+                clearFilterObjectFromLocalStorage();
+
                 // Apply the rename immediately, both to the active filter and to
                 // the cached list — otherwise the list still holds the pre-rename
                 // entry, which wins the id-based lookup the next time saved-filter
@@ -1403,9 +1382,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 setSavedFilters((prev) => prev.map((f: any) => String(f?.id) === String(formValues.id) ? { ...f, ...savedFilterRecord } : f));
                 setCurrentSavedFilterData(savedFilterRecord);
                 setCurrentSavedFilterQuery(filterJson);
-                persistActiveSavedFilter(savedFilterRecord, filterJson, currentSavedFilterVariables);
                 setHasSearched(true);
                 setRefreshKey((prev) => prev + 1);
+
+                setTimeout(() => {
+                    router.push(buildSavedFilterUrl(formValues.id));
+                }, 500)
             } else {
 
                 const filterJson = customFilter;
@@ -1424,16 +1406,21 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 setCustomFilter(null)
                 setPredefinedSearchChip(null);
                 setPredefinedSearchBaseFilter(null);
+                clearFilterObjectFromLocalStorage();
+
                 // The custom filter just became this saved filter — apply it, and
                 // seed the cached list with it, immediately (see rename branch above).
                 const savedFilterRecord = { id: result.data.id, name: formValues.name, isPrivate: formValues.isPrivate, filterQueryJson: JSON.stringify(filterJson, null, 2) };
                 setSavedFilters((prev) => [savedFilterRecord, ...prev]);
                 setCurrentSavedFilterData(savedFilterRecord);
                 setCurrentSavedFilterQuery(filterJson);
-                setCurrentSavedFilterVariables({});
-                persistActiveSavedFilter(savedFilterRecord, filterJson, {});
                 setHasSearched(true);
                 setRefreshKey((prev) => prev + 1);
+
+                setTimeout(() => {
+                    router.push(buildSavedFilterUrl(result.data.id));
+                }, 500)
+
             }
         } catch (error) {
 
@@ -1509,25 +1496,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
 
     //saved filter related code start
 
-    const applySavedFilter = (savedfilter: any, variables: Record<string, any> = {}) => {
-        if (!savedfilter?.id && !savedfilter?.systemKey) {
-            console.error(ERROR_MESSAGES.SAVE_FILTER_UNDEFINED_NULL);
-            return false;
-        }
-
-        let filterJson: any;
-        try {
-            filterJson = parseSavedFilterQueryJson(savedfilter?.filterQueryJson);
-        } catch {
-            console.error(ERROR_MESSAGES.SAVE_FILTER_UNDEFINED_NULL);
-            return false;
-        }
-
-        const resolved = resolveSavedFilterVariables(filterJson, user?.id, variables);
-        if (resolved.missingVariables.length > 0) {
-            console.error(`Unable to apply saved filter '${savedfilter?.name}': missing variables ${resolved.missingVariables.join(", ")}`);
-            return false;
-        }
+    const applySavedFilter = (savedfilter: any) => {
 
         setSearchChips([]);
         setSearchFilter(null);
@@ -1535,18 +1504,41 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         setCustomFilter(null)
         setPredefinedSearchChip(null);
         setPredefinedSearchBaseFilter(null);
-        setCurrentSavedFilterData(savedfilter);
-        setCurrentSavedFilterQuery(filterJson);
-        setCurrentSavedFilterVariables(variables);
-        persistActiveSavedFilter(savedfilter, filterJson, variables);
-        setShowOverlay(false);
-        setHasSearched(true);
-        setRefreshKey((prev) => prev + 1);
-        return true;
+        clearFilterObjectFromLocalStorage();
+        if (savedfilter?.systemKey) {
+            setCurrentSavedFilterData(savedfilter);
+            try {
+                const filterJson = JSON.parse(savedfilter.filterQueryJson);
+                if (filterJson) {
+                    setCurrentSavedFilterQuery(filterJson);
+                }
+            } catch {
+                console.error(ERROR_MESSAGES.SAVE_FILTER_UNDEFINED_NULL);
+            }
+            setShowOverlay(false);
+            setHasSearched(true);
+            setRefreshKey((prev) => prev + 1);
+            return;
+        }
+        // push the savedQuery=1 in url 
+        if (savedfilter?.id) {
+            router.push(buildSavedFilterUrl(savedfilter.id));
+            setShowOverlay(false);
+        } else {
+            console.error(ERROR_MESSAGES.SAVE_FILTER_UNDEFINED_NULL);
+        }
     }
 
     const removeSavedFilter = () => {
-        clearActiveSavedFilter();
+        setCurrentSavedFilterData(null);
+        setCurrentSavedFilterQuery(null);
+        setCurrentSavedFilterRules(null);
+        setShowSavedFilterComponent(false);
+        if (searchParams.has("savedQuery")) {
+            router.replace(buildSavedFilterUrl(null));
+        }
+        setHasSearched(true);
+        setRefreshKey((prev) => prev + 1);
     }
 
     const SavedFiltersChip = () => {
@@ -1767,7 +1759,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     predefined: p,
                 }))
                 : [];
-        const saved: OverlayOption[] = (selectableSavedFilters || []).map((s: any) => ({
+        const saved: OverlayOption[] = (availableSavedFilters || []).map((s: any) => ({
             id: `saved:${s.id}`,
             kind: "saved" as const,
             saved: s,
@@ -1785,7 +1777,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                 : [];
 
         return [...fields, ...predefined, ...saved, ...custom, ...grouping];
-    }, [inputValue, searchableFields, predefinedSearches, selectableSavedFilters, viewType]);
+    }, [inputValue, searchableFields, predefinedSearches, availableSavedFilters, viewType]);
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         const currentValue = inputValue?.trim() || "";
@@ -1850,7 +1842,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
             } else if (predefinedSearchChip) {
                 setPredefinedSearchChip(null);
                 setPredefinedSearchBaseFilter(null);
-            } else if (currentSavedFilterData) {
+            } else if (activeSavedFilter) {
                 removeSavedFilter();
             }
             setHasSearched(true);
@@ -2242,7 +2234,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                     <div className="solid-filter-dialog-sep" />
                                 </>
                             }
-                            {selectableSavedFilters.length > 0 &&
+                            {availableSavedFilters.length > 0 &&
                                 <>
                                     <div className="p-3 solid-search-overlay-section">
                                         <div className="solid-search-overlay-panel-callout solid-search-overlay-panel-callout-compact">
@@ -2257,11 +2249,11 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                             </div>
                                         </div>
                                         <div className="flex flex-col solid-search-overlay-saved-list">
-                                            {selectableSavedFilters.map((savedfilter: any, index: number) => (
+                                            {availableSavedFilters.map((savedfilter: any, index: number) => (
                                                 <SavedFilterList
                                                     key={savedfilter.id}
                                                     savedfilter={savedfilter}
-                                                    activeSavedFilterReference={currentSavedFilterData?.systemKey || currentSavedFilterData?.id}
+                                                    activeSavedFilter={activeSavedFilter || currentSavedFilterData?.systemKey || currentSavedFilterData?.id}
                                                     applySavedFilter={applySavedFilter}
                                                     openSavedCustomFilter={openSavedCustomFilter}
                                                     setSavedFilterTobeDeleted={setSavedFilterTobeDeleted}

package/dist/components/core/form/SolidFormActionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidFormActionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,2dAA4d,GAAG,4CA6oBhgB,CAAA"}
+{"version":3,"file":"SolidFormActionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/form/SolidFormActionHeader.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,2dAA4d,GAAG,4CAooBhgB,CAAA"}

package/dist/components/core/form/SolidFormActionHeader.js

@@ -103,7 +103,7 @@ export var SolidFormActionHeader = function (_a) {
     var FormActionDropdown = function () {
         var _a, _b;
         var closeMenu = function () { return setFormActionsMenuOpen(false); };
-        return (_jsxs(SolidPopover, { open: formActionsMenuOpen, onOpenChange: setFormActionsMenuOpen, children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] max-[576px]:hidden sm:hidden lg:flex" }) }), _jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] lg:hidden" }) })] }), _jsx(SolidPopoverContent, { side: "bottom", align: "end", className: "solid-form-actions-popover", onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu solid-form-actions-menu", children: [params.embeded !== true &&
+        return (_jsxs(SolidPopover, { open: formActionsMenuOpen, onOpenChange: setFormActionsMenuOpen, children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button hidden bg-[var(--surface-card)] md:flex" }) }), _jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { variant: "outline", type: "button", icon: 'si si-cog', size: "sm", className: "solid-icon-button bg-[var(--surface-card)] md:hidden" }) })] }), _jsx(SolidPopoverContent, { side: "bottom", align: "end", className: "solid-form-actions-popover", onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu solid-form-actions-menu", children: [params.embeded !== true &&
                                 params.id !== "new" &&
                                 actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                 !isPublished &&
@@ -126,41 +126,41 @@ export var SolidFormActionHeader = function (_a) {
     };
     return (_jsx(_Fragment, { children: _jsx("div", { className: "page-header solid-list-toolbar flex-col lg:flex-row", children: _jsx("div", { className: "flex justify-between w-full solid-form-toolbar-row", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-4 items-center solid-form-toolbar-left", children: [params.embeded == true &&
                                     _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: createHeaderTitle }), params.embeded !== true &&
-                                    _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
+                                    _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
                                         return (_jsx(SolidFormViewNormalHeaderButton, { button: button, params: params, formik: formik, formData: formData, solidFormViewMetaData: solidFormViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, index));
                                     }) }), params.embeded !== true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
-                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), _jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: params.embeded !== true && params.draftEnabled &&
+                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), _jsx("div", { className: "hidden lg:flex", children: params.embeded !== true && params.draftEnabled &&
                                         !formViewLayout.attrs.readonly && params.publish !== 'null' &&
                                         formik.dirty &&
                                         _jsx("div", { children: _jsx(SolidButton, { label: "Draft", size: "sm", type: "button" }) }) }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     !formViewLayout.attrs.readonly &&
-                                    _jsx(_Fragment, { children: showEmbeddedRelationSaveAndNew ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save & Close", size: "sm", onClick: function () {
-                                                                    setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
-                                                                    setRedirectToList(params.redirectToPath ? true : false);
-                                                                }, type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", onClick: function () {
+                                    _jsx(_Fragment, { children: showEmbeddedRelationSaveAndNew ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(SolidButton, { label: "Save & Close", size: "sm", onClick: function () {
                                                                 setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
                                                                 setRedirectToList(params.redirectToPath ? true : false);
-                                                            }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & Close" })] }), _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save & New", size: "sm", variant: "outline", onClick: function () {
-                                                                    setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
-                                                                    setRedirectToList(false);
-                                                                }, type: "submit", className: "bg-[var(--primary-color-text)]", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () {
+                                                            }, type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", onClick: function () {
+                                                                setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("close");
+                                                                setRedirectToList(params.redirectToPath ? true : false);
+                                                            }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & Close" })] }), _jsxs("div", { children: [_jsx(SolidButton, { label: "Save & New", size: "sm", variant: "outline", onClick: function () {
                                                                 setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
                                                                 setRedirectToList(false);
-                                                            }, type: "submit", className: "lg:hidden solid-icon-button bg-[var(--primary-color-text)]", icon: "si si-plus", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & New" })] })] })) : (_jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () {
-                                                            setRedirectToList(params.redirectToPath ? true : false);
-                                                        }, type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", onClick: function () {
+                                                            }, type: "submit", className: "hidden lg:flex bg-[var(--primary-color-text)]", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () {
+                                                                setEmbeddedRelationSubmitAction === null || setEmbeddedRelationSubmitAction === void 0 ? void 0 : setEmbeddedRelationSubmitAction("new");
+                                                                setRedirectToList(false);
+                                                            }, type: "submit", className: "lg:hidden solid-icon-button bg-[var(--primary-color-text)]", icon: "si si-plus", loading: isSubmitting, disabled: isSubmitting, "aria-label": "Save & New" })] })] })) : (_jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", onClick: function () {
+                                                        setRedirectToList(params.redirectToPath ? true : false);
+                                                    }, type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", onClick: function () {
                                                         setRedirectToList(params.redirectToPath ? true : false);
                                                     }, type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] })) }), params.embeded == true &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_c = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showCogWheelFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_c = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showCogWheelFormButton) !== false &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {}), showMobileOpenChatter &&
                                     _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { type: "button", icon: "si si-comments", size: "sm", className: "solid-icon-button", onClick: onMobileOpenChatter, "aria-label": "Open chatter" }) })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-4 items-center solid-form-toolbar-left", children: [params.embeded !== true &&
                                     _jsx(SolidFormStepper, { solidFormViewMetaData: solidFormViewMetaData, initialEntityData: initialEntityData, modelName: params.modelName, id: params.id, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, onStepperUpdate: onStepperUpdate }), params.embeded == true &&
-                                    _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: viewMode === "edit" ? editHeaderTitle : solidView.model.displayName })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden items-center lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
+                                    _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: viewMode === "edit" ? editHeaderTitle : solidView.model.displayName })] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: activeHeaderRequestStatusLabel }), _jsx("div", { className: "hidden lg:flex solid-header-buttons-wrapper", children: normalHeaderButtons.map(function (button, index) {
                                         return (
                                         // <SolidButton
                                         //     text
@@ -187,7 +187,7 @@ export var SolidFormActionHeader = function (_a) {
                                     params.embeded !== true &&
                                     viewMode === "view" &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", label: "Add", size: 'sm', onClick: function () {
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { type: "button", label: "Add", size: 'sm', onClick: function () {
                                                             setIsNavigating(true);
                                                             router.replace("".concat(normalizeSolidFormActionPath(pathname, "form"), "/new?viewMode=edit"));
                                                         }, loading: isNavigating, disabled: isNavigating }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { type: "button", icon: "si si-plus", size: 'sm', onClick: function () {
@@ -199,12 +199,12 @@ export var SolidFormActionHeader = function (_a) {
                                     viewMode === "view" &&
                                     isLatestVersion &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { label: "Edit", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { icon: "si si-pencil", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button", className: "solid-icon-button" }) })] }), params.embeded !== true &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { label: "Edit", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button" }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { icon: "si si-pencil", size: "sm", onClick: function () { return updateViewMode("edit"); }, type: "button", className: "solid-icon-button" }) })] }), params.embeded !== true &&
                                     isLatestVersion &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     shouldShowSaveForExistingRecord &&
-                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded !== true &&
+                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded !== true &&
                                     showDraftPublishActions &&
                                     !formViewLayout.attrs.readonly &&
                                     !isPublished &&
@@ -219,7 +219,7 @@ export var SolidFormActionHeader = function (_a) {
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     !formViewLayout.attrs.readonly &&
                                     shouldShowSaveForExistingRecord &&
-                                    _jsxs("div", { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx(SolidButton, { label: "Save", size: "sm", type: "submit", loading: isSubmitting, disabled: isSubmitting }) }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded == true &&
+                                    _jsxs("div", { children: [_jsx(SolidButton, { label: "Save", size: "sm", type: "submit", className: "hidden lg:flex", loading: isSubmitting, disabled: isSubmitting }), _jsx(SolidButton, { size: "sm", type: "submit", className: "lg:hidden solid-icon-button", icon: "si si-check", loading: isSubmitting, disabled: isSubmitting })] }), params.embeded == true &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                     ((_f = formViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showDeleteFormButton) !== false &&
                                     !formViewLayout.attrs.readonly &&
@@ -235,7 +235,7 @@ export var SolidFormActionHeader = function (_a) {
                                     isPublished &&
                                     actionsAllowed.includes(permissionExpression(params.modelName, 'unpublish')) &&
                                     _jsx("div", { children: _jsx(SolidButton, { label: "Unpublish", size: "sm", type: "button", variant: "destructive", onClick: function () { return handleDraftPublishWorkFlow('unpublish'); } }) }), params.embeded == true &&
-                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_g = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showCogWheelFormButton) !== false &&
+                                    _jsxs(_Fragment, { children: [_jsx("div", { className: "hidden lg:flex", children: _jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", label: "Close", onClick: function () { return params.handlePopupClose(); }, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 } }) }) }), _jsx("div", { className: "lg:hidden", children: _jsx(SolidButton, { variant: "outline", size: "sm", type: "button", icon: "si si-times", onClick: function () { return params.handlePopupClose(); }, className: 'solid-icon-button bg-[var(--primary-color-text)]' }) })] }), ((_g = formViewLayout === null || formViewLayout === void 0 ? void 0 : formViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showCogWheelFormButton) !== false &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
                                     actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                     _jsx(FormActionDropdown, {}), showMobileOpenChatter &&