@solidstarters/solid-core-ui 1.1.207 → 1.1.209

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

@@ -122,6 +122,20 @@ export var queryStringToQueryObject = function () {
         }
     }
 };
+export var queryStringToQueryObjectByUrl = function (url) {
+    var currentPageUrl = url; // Get the current page URL
+    var encodedQueryString = localStorage.getItem(currentPageUrl); // Retrieve the encoded query string from local storage
+    if (encodedQueryString) {
+        try {
+            var decodedQueryString = atob(encodedQueryString); // Base64 decode the string
+            var parsedParams = JSON.parse(decodedQueryString); // Parse the decoded string into an object
+            return parsedParams;
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.ERROR_DECODING, error);
+        }
+    }
+};
 export var queryObjectToQueryString = function (queryObject) {
     if (queryObject) {
         var stringifiedObject = JSON.stringify(queryObject);
@@ -133,6 +147,17 @@ export var queryObjectToQueryString = function (queryObject) {
     }
     return null;
 };
+export var queryObjectToQueryStringByUrl = function (url, queryObject) {
+    if (queryObject) {
+        var stringifiedObject = JSON.stringify(queryObject);
+        // const stringifiedObject = qs.stringify(queryObject, { encodeValuesOnly: true, arrayFormat: "brackets" });
+        var encodedQueryString = btoa(stringifiedObject); // Base64 encode the stringified object
+        var currentPageUrl = url; // Get the current page URL
+        localStorage.setItem(currentPageUrl, encodedQueryString); // Store in local storage with the URL as the key
+        return encodedQueryString;
+    }
+    return null;
+};
 export var SolidListView = function (params) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27;
     var user = useSelector(function (state) { return state.auth; }).user;
@@ -142,7 +167,7 @@ export var SolidListView = function (params) {
     var pathname = usePathname();
     var solidGlobalSearchElementRef = useRef();
     var router = useRouter();
-    var searchParams = useSearchParams(); // Converts the query params to a string
+    var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
     // TODO: The initial filter state will be created based on the fields which are present on this list view.
     var _28 = useState(params.customFilter || null), filters = _28[0], setFilters = _28[1];
@@ -400,22 +425,57 @@ export var SolidListView = function (params) {
         }
     }, [solidListViewInitialMetaData]);
     // set layout and actions for create and edit buttons and view modes
+    // useEffect(() => {
+    //   if (solidListViewMetaData) {
+    //     const listLayoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs;
+    //     const createActionUrl = listLayoutAttrs?.createAction && listLayoutAttrs?.createAction?.type === "custom" ? listLayoutAttrs?.createAction?.customComponent : "form/new";
+    //     const editActionUrl = listLayoutAttrs?.editAction && listLayoutAttrs?.editAction?.type === "custom" ? listLayoutAttrs?.editAction?.customComponent : "form";
+    //     if (listLayoutAttrs?.createAction) {
+    //       setCreateActionQueryParams({
+    //         actionName: listLayoutAttrs.createAction.name,
+    //         actionType: listLayoutAttrs.createAction.type,
+    //         actionContext: listLayoutAttrs.createAction.context,
+    //       });
+    //     }
+    //     if (listLayoutAttrs?.editAction) {
+    //       setEditActionQueryParams({
+    //         actionName: listLayoutAttrs.editAction.name,
+    //         actionType: listLayoutAttrs.editAction.type,
+    //         actionContext: listLayoutAttrs.editAction.context,
+    //       });
+    //     }
+    //     const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view }; });
+    //     setViewModes(viewModes);
+    //     if (createActionUrl) {
+    //       setCreateButtonUrl(createActionUrl);
+    //     }
+    //     if (editActionUrl) {
+    //       setEditButtonUrl(editActionUrl);
+    //     }
+    //   }
+    // }, [solidListViewMetaData]);
+    // set layout and actions for create and edit buttons and view modes
     useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15;
-        if (solidListViewMetaData) {
-            var createActionUrl = ((_d = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.createAction) &&
-                ((_j = (_h = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.createAction) === null || _j === void 0 ? void 0 : _j.type) === "custom"
-                ? (_p = (_o = (_m = (_l = (_k = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.createAction) === null || _p === void 0 ? void 0 : _p.customComponent
-                : "form/new";
-            var editActionUrl = ((_t = (_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs) === null || _t === void 0 ? void 0 : _t.editAction) &&
-                ((_y = (_x = (_w = (_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs) === null || _x === void 0 ? void 0 : _x.editAction) === null || _y === void 0 ? void 0 : _y.type) === "custom"
-                ? (_3 = (_2 = (_1 = (_0 = (_z = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs) === null || _2 === void 0 ? void 0 : _2.editAction) === null || _3 === void 0 ? void 0 : _3.customComponent
-                : "form";
-            var viewModes_1 = ((_7 = (_6 = (_5 = (_4 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _4 === void 0 ? void 0 : _4.solidView) === null || _5 === void 0 ? void 0 : _5.layout) === null || _6 === void 0 ? void 0 : _6.attrs) === null || _7 === void 0 ? void 0 : _7.allowedViews) &&
-                ((_11 = (_10 = (_9 = (_8 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _8 === void 0 ? void 0 : _8.solidView) === null || _9 === void 0 ? void 0 : _9.layout) === null || _10 === void 0 ? void 0 : _10.attrs) === null || _11 === void 0 ? void 0 : _11.allowedViews.length) > 0 &&
-                ((_15 = (_14 = (_13 = (_12 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.layout) === null || _14 === void 0 ? void 0 : _14.attrs) === null || _15 === void 0 ? void 0 : _15.allowedViews.map(function (view) {
-                    return { label: capitalize(view), value: view };
-                }));
+        var _a, _b, _c, _d;
+        if (solidListViewLayout) {
+            var listLayoutAttrs = solidListViewLayout.attrs;
+            var createActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) && ((_a = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _a === void 0 ? void 0 : _a.type) === "custom" ? (_b = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _b === void 0 ? void 0 : _b.customComponent : "form/new";
+            var editActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) && ((_c = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _c === void 0 ? void 0 : _c.type) === "custom" ? (_d = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) === null || _d === void 0 ? void 0 : _d.customComponent : "form";
+            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) {
+                setCreateActionQueryParams({
+                    actionName: listLayoutAttrs.createAction.name,
+                    actionType: listLayoutAttrs.createAction.type,
+                    actionContext: listLayoutAttrs.createAction.context,
+                });
+            }
+            if (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.editAction) {
+                setEditActionQueryParams({
+                    actionName: listLayoutAttrs.editAction.name,
+                    actionType: listLayoutAttrs.editAction.type,
+                    actionContext: listLayoutAttrs.editAction.context,
+                });
+            }
+            var viewModes_1 = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews) && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.length) > 0 && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
             setViewModes(viewModes_1);
             if (createActionUrl) {
                 setCreateButtonUrl(createActionUrl);
@@ -424,13 +484,11 @@ export var SolidListView = function (params) {
                 setEditButtonUrl(editActionUrl);
             }
         }
-    }, [solidListViewMetaData]);
+    }, [solidListViewLayout]);
     // All list view state.
     var _40 = useState([]), listViewData = _40[0], setListViewData = _40[1];
     var _41 = useState(0), first = _41[0], setFirst = _41[1];
-    var _42 = useState(((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.defaultPageSize)
-        ? (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize
-        : 10), rows = _42[0], setRows = _42[1];
+    var _42 = useState(((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.defaultPageSize) ? (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize : 10), rows = _42[0], setRows = _42[1];
     var _43 = useState(0), totalRecords = _43[0], setTotalRecords = _43[1];
     var _44 = useState("id"), sortField = _44[0], setSortField = _44[1];
     var _45 = useState(-1), sortOrder = _45[0], setSortOrder = _45[1];
@@ -441,10 +499,12 @@ export var SolidListView = function (params) {
     var _50 = useState(false), isRecoverDialogVisible = _50[0], setRecoverDialogVisible = _50[1];
     var _51 = useState(), createButtonUrl = _51[0], setCreateButtonUrl = _51[1];
     var _52 = useState(), editButtonUrl = _52[0], setEditButtonUrl = _52[1];
-    var _53 = useState(false), showArchived = _53[0], setShowArchived = _53[1];
-    var _54 = useState(false), queryDataLoaded = _54[0], setQueryDataLoaded = _54[1];
-    var _55 = useState(null), customFilter = _55[0], setCustomFilter = _55[1];
-    var _56 = useState(false), showSaveFilterPopup = _56[0], setShowSaveFilterPopup = _56[1];
+    var _53 = useState({}), createActionQueryParams = _53[0], setCreateActionQueryParams = _53[1];
+    var _54 = useState({}), editActionQueryParams = _54[0], setEditActionQueryParams = _54[1];
+    var _55 = useState(false), showArchived = _55[0], setShowArchived = _55[1];
+    var _56 = useState(false), queryDataLoaded = _56[0], setQueryDataLoaded = _56[1];
+    var _57 = useState(null), customFilter = _57[0], setCustomFilter = _57[1];
+    var _58 = useState(false), showSaveFilterPopup = _58[0], setShowSaveFilterPopup = _58[1];
     var sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
@@ -454,16 +514,16 @@ export var SolidListView = function (params) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _57 = useState(sizeOptions[1].value), size = _57[0], setSize = _57[1];
-    var _58 = useState([]), viewModes = _58[0], setViewModes = _58[1];
+    var _59 = useState(sizeOptions[1].value), size = _59[0], setSize = _59[1];
+    var _60 = useState([]), viewModes = _60[0], setViewModes = _60[1];
     // Custom Row Action
-    var _59 = useState(false), listViewRowActionPopupState = _59[0], setListViewRowActionPopupState = _59[1];
-    var _60 = useState(), listViewRowActionData = _60[0], setListRowActionData = _60[1];
+    var _61 = useState(false), listViewRowActionPopupState = _61[0], setListViewRowActionPopupState = _61[1];
+    var _62 = useState(), listViewRowActionData = _62[0], setListRowActionData = _62[1];
     var toast = useRef(null);
     // Get the list view data.
-    var _61 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _61[0], _62 = _61[1], solidEntityListViewData = _62.data, isLoading = _62.isLoading, error = _62.error;
-    var _63 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _63[0], _64 = _63[1], recoverByIdData = _64.data, recoverByIdIsLoading = _64.isLoading, recoverByIdError = _64.error, recoverByIdIsError = _64.isError, recoverByIdIsSuccess = _64.isSuccess;
-    var _65 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _65[0], _66 = _65[1], recoverByData = _66.data, recoverByIsLoading = _66.isLoading, recoverError = _66.error, recoverIsError = _66.isError, recoverByIsSuccess = _66.isSuccess;
+    var _63 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _63[0], _64 = _63[1], solidEntityListViewData = _64.data, isLoading = _64.isLoading, error = _64.error;
+    var _65 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _65[0], _66 = _65[1], recoverByIdData = _66.data, recoverByIdIsLoading = _66.isLoading, recoverByIdError = _66.error, recoverByIdIsError = _66.isError, recoverByIdIsSuccess = _66.isSuccess;
+    var _67 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _67[0], _68 = _67[1], recoverByData = _68.data, recoverByIsLoading = _68.isLoading, recoverError = _68.error, recoverIsError = _68.isError, recoverByIsSuccess = _68.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -494,9 +554,9 @@ export var SolidListView = function (params) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _67 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _67[0], isDeleteSolidSingleEntitySuccess = _67[1].isSuccess;
+    var _69 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _69[0], isDeleteSolidSingleEntitySuccess = _69[1].isSuccess;
     // Delete mutation
-    var _68 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _68[0], _69 = _68[1], isSolidEntitiesDeleted = _69.isLoading, isDeleteSolidEntitiesSucess = _69.isSuccess, isSolidEntitiesDeleteError = _69.isError, SolidEntitiesDeleteError = _69.error, DeletedSolidEntities = _69.data;
+    var _70 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _70[0], _71 = _70[1], isSolidEntitiesDeleted = _71.isLoading, isDeleteSolidEntitiesSucess = _71.isSuccess, isSolidEntitiesDeleteError = _71.isError, SolidEntitiesDeleteError = _71.error, DeletedSolidEntities = _71.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a, _b, _c;
@@ -572,13 +632,13 @@ export var SolidListView = function (params) {
     useEffect(function () {
         if (solidListViewMetaData && (solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) && !loading) {
             var handleDynamicFunction = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var dynamicHeader, DynamicFunctionComponent, listViewRecords, listLayout, event, updatedListData;
+                var dynamicHeader, dynamicExtensionFunction, listViewRecords, listLayout, event, updatedListData;
                 var _a, _b, _c, _d, _e, _f, _g;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
                             dynamicHeader = (_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.onListLoad;
-                            DynamicFunctionComponent = null;
+                            dynamicExtensionFunction = null;
                             listViewRecords = listViewData;
                             listLayout = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout;
                             if (params.customLayout) {
@@ -602,9 +662,9 @@ export var SolidListView = function (params) {
                                 params: params
                             };
                             if (!dynamicHeader) return [3 /*break*/, 3];
-                            DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
-                            if (!DynamicFunctionComponent) return [3 /*break*/, 2];
-                            return [4 /*yield*/, DynamicFunctionComponent(event)];
+                            dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                            if (!dynamicExtensionFunction) return [3 /*break*/, 2];
+                            return [4 /*yield*/, dynamicExtensionFunction(event)];
                         case 1:
                             updatedListData = _h.sent();
                             if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.dataChanged) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newListData)) {
@@ -676,66 +736,8 @@ export var SolidListView = function (params) {
         setSelectedRecords(activeRecords);
         setSelectedRecoverRecords(deletedRecords);
     };
-    var identifySolidOperatorAndValue = function (primeReactMatchMode, value) {
-        // @ts-ignore
-        if (primeReactMatchMode.label && primeReactMatchMode.label === "Not In") {
-            primeReactMatchMode = FilterMatchMode.NOT_IN;
-        }
-        // Default value, this might not be useful as the solid server might not support these match modes.
-        var solidOperator = "";
-        var solidValue = value[0];
-        switch (primeReactMatchMode) {
-            case FilterMatchMode.STARTS_WITH:
-                solidOperator = "$startsWithi";
-                break;
-            case FilterMatchMode.CONTAINS:
-                solidOperator = "$containsi";
-                break;
-            case FilterMatchMode.NOT_CONTAINS:
-                solidOperator = "$notContains";
-                break;
-            case FilterMatchMode.ENDS_WITH:
-                solidOperator = "$endsWith";
-                break;
-            case FilterMatchMode.EQUALS:
-                solidOperator = "$eqi";
-                solidValue = value;
-                break;
-            case FilterMatchMode.NOT_EQUALS:
-                solidOperator = "$nei";
-                solidValue = value;
-                break;
-            case FilterMatchMode.IN:
-                solidOperator = "$in";
-                solidValue = value;
-                break;
-            case FilterMatchMode.NOT_IN:
-                solidOperator = "$notIn";
-                solidValue = value;
-                break;
-            case FilterMatchMode.LESS_THAN:
-                solidOperator = "$lt";
-                break;
-            case FilterMatchMode.LESS_THAN_OR_EQUAL_TO:
-                solidOperator = "$lte";
-                break;
-            case FilterMatchMode.GREATER_THAN:
-                solidOperator = "$gt";
-                break;
-            case FilterMatchMode.GREATER_THAN_OR_EQUAL_TO:
-                solidOperator = "$gte";
-                break;
-            case FilterMatchMode.BETWEEN:
-                solidOperator = "$between";
-                solidValue = value;
-                break;
-        }
-        return { operator: solidOperator, value: solidValue };
-    };
-    // Common utility function that gets called on filter, sort & pagination events.
-    // This function creates the query string as per the solid backend API specification
     var setQueryString = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var solidFieldsMetadata, queryData, sortFieldMetadata, dynamicHeader, DynamicFunctionComponent, event, updatedListData, queryString, url, urlData;
+        var solidFieldsMetadata, queryData, sortFieldMetadata, dynamicHeader, dynamicExtensionFunction, event, updatedListData, queryString, url, urlData;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __generator(this, function (_k) {
             switch (_k.label) {
@@ -766,7 +768,7 @@ export var SolidListView = function (params) {
                         queryData.showSoftDeleted = "inclusive";
                     }
                     dynamicHeader = (_g = (_f = (_e = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.onBeforeListDataLoad;
-                    DynamicFunctionComponent = null;
+                    dynamicExtensionFunction = null;
                     event = {
                         type: "onBeforeListDataLoad",
                         fieldsMetadata: (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidFieldsMetadata,
@@ -784,9 +786,9 @@ export var SolidListView = function (params) {
                         params: params
                     };
                     if (!dynamicHeader) return [3 /*break*/, 2];
-                    DynamicFunctionComponent = getExtensionFunction(dynamicHeader);
-                    if (!DynamicFunctionComponent) return [3 /*break*/, 2];
-                    return [4 /*yield*/, DynamicFunctionComponent(event)];
+                    dynamicExtensionFunction = getExtensionFunction(dynamicHeader);
+                    if (!dynamicExtensionFunction) return [3 /*break*/, 2];
+                    return [4 /*yield*/, dynamicExtensionFunction(event)];
                 case 1:
                     updatedListData = _k.sent();
                     if (updatedListData && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.filterApplied) && (updatedListData === null || updatedListData === void 0 ? void 0 : updatedListData.newFilter)) {
@@ -857,10 +859,10 @@ export var SolidListView = function (params) {
         });
         solidGlobalSearchElementRef.current.clearFilter();
     };
-    var _70 = useState(), selectedSolidViewData = _70[0], setSelectedSolidViewData = _70[1];
+    var _72 = useState(), selectedSolidViewData = _72[0], setSelectedSolidViewData = _72[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _71 = useState(false), deleteEntity = _71[0], setDeleteEntity = _71[1];
+    var _73 = useState(false), deleteEntity = _73[0], setDeleteEntity = _73[1];
     // clickable link allowing one to open the detail / form view.
     var detailsBodyTemplate = function (solidViewData) {
         return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
@@ -983,9 +985,9 @@ export var SolidListView = function (params) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _72 = useState(false), openLightbox = _72[0], setOpenLightbox = _72[1];
-    var _73 = useState({}), lightboxUrls = _73[0], setLightboxUrls = _73[1];
-    var _74 = useState(false), showGlobalSearchElement = _74[0], setShowGlobalSearchElement = _74[1];
+    var _74 = useState(false), openLightbox = _74[0], setOpenLightbox = _74[1];
+    var _75 = useState({}), lightboxUrls = _75[0], setLightboxUrls = _75[1];
+    var _76 = useState(false), showGlobalSearchElement = _76[0], setShowGlobalSearchElement = _76[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1153,24 +1155,18 @@ export var SolidListView = function (params) {
                                                     params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_t = (_s = (_r = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _r === void 0 ? void 0 : _r.headerButtons) === null || _s === void 0 ? void 0 : _s.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _t === void 0 ? void 0 : _t.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                                     ((_u = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _u === void 0 ? void 0 : _u.create) !== false &&
                                                     params.embeded !== true &&
-                                                    ((_x = (_w = (_v = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.layout) === null || _x === void 0 ? void 0 : _x.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { url: createButtonUrl, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                    ((_x = (_w = (_v = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.layout) === null || _x === void 0 ? void 0 : _x.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
                                                     ((_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.create) !== false &&
                                                     params.embeded == true &&
                                                     params.inlineCreate == true &&
-                                                    searchParams.get("viewMode") !== "view" && (
-                                                // < SolidCreateButton url={createButtonUrl} />
-                                                _jsx(Button, { type: "button", icon: ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.addButtonIcon)
-                                                        ? (_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.addButtonIcon
-                                                        : "pi pi-plus", label: ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.addButtonTitle)
-                                                        ? (_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.addButtonTitle
-                                                        : "Add", className: "".concat((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
+                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.addButtonIcon) ? (_0 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _0 === void 0 ? void 0 : _0.addButtonIcon : "pi pi-plus", label: ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.addButtonTitle) ? (_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.addButtonTitle : "Add", className: "".concat((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
                                                         setQueryString();
                                                     } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
                                                     ((_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.enableGlobalSearch) === true && showGlobalSearchElement &&
                                     params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, clearFilter: clearFilter, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), (loading || isLoading) && params.embeded == false && viewMode !== "view" ?
                         _jsx(SolidListViewShimmerLoading, {})
                         :
-                            _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
+                            _jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData })) : (_jsx("div", { className: "solid-datatable-wrapper flex-1 min-h-0 overflow-auto", children: _jsxs(DataTable, { value: listViewData, rowClassName: function (rowData) {
                                             return rowData.deletedAt ? "greyed-out-row" : "";
                                         }, showGridlines: false, lazy: true, scrollable: true, 
                                         // scrollHeight="90vh"
@@ -1200,7 +1196,7 @@ export var SolidListView = function (params) {
                                                     // sessionStorage.setItem("fromView", finalUrl);
                                                     sessionStorage.setItem("fromView", "list");
                                                 }
-                                                router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view"));
+                                                router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                             }
                                         }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.rowButtons) &&
                                                 ((_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.rowButtons.filter(function (rb) {
@@ -1242,7 +1238,7 @@ export var SolidListView = function (params) {
                                                                     params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
                                                                 }
                                                                 else {
-                                                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit"));
+                                                                    router.push("".concat(editButtonUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                                                 }
                                                             } })) }));
                                                 } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
@@ -1266,7 +1262,7 @@ export var SolidListView = function (params) {
                                                                                         params.handlePopUpOpen((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
                                                                                     }
                                                                                     else {
-                                                                                        router.push("".concat(editButtonUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit"));
+                                                                                        router.push("".concat(editButtonUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                                                                     }
                                                                                 } })), hasDeleteInContextMenu && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
                                                                                 var _a, _b;