@stoker-platform/web-app 0.5.32 → 0.5.33

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @stoker-platform/web-app
 
+## 0.5.33
+
+### Patch Changes
+
+- feat: add filter default value option
+    - @stoker-platform/node-client@0.5.21
+    - @stoker-platform/utils@0.5.15
+    - @stoker-platform/web-client@0.5.16
+
 ## 0.5.32
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.32",
+    "version": "0.5.33",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {
@@ -51,9 +51,9 @@
         "@radix-ui/react-tooltip": "^1.2.8",
         "@react-google-maps/api": "^2.20.8",
         "@sentry/react": "^10.38.0",
-        "@stoker-platform/node-client": "0.5.20",
-        "@stoker-platform/utils": "0.5.14",
-        "@stoker-platform/web-client": "0.5.15",
+        "@stoker-platform/node-client": "0.5.21",
+        "@stoker-platform/utils": "0.5.15",
+        "@stoker-platform/web-client": "0.5.16",
         "@tanstack/react-table": "^8.21.3",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",

package/src/Collection.tsx

@@ -120,6 +120,8 @@ export interface Query {
     }[]
 }
 
+const hasFirstPageLoaded: { [key: StokerCollection]: boolean } = {}
+
 function Collection({
     collection,
     formList,
@@ -822,24 +824,38 @@ function Collection({
 
             const filtersClone = cloneDeep(filters)
             const filtersState = state[`collection-filters-${labels.collection.toLowerCase()}`]
-            if (!relationList && filtersState) {
-                const filterValues = filtersState.split(",")
-                filtersClone.forEach((filter: Filter) => {
-                    if (filter.type === "status" || filter.type === "range") {
-                        return
-                    }
-                    const filterValue = filterValues.find((value) => value.split("=")[0] === filter.field)
-                    if (filterValue) {
-                        const field = getField(fields, filter.field)
-                        if (field.type === "Number") {
-                            // eslint-disable-next-line security/detect-object-injection
-                            filter.value = Number(filterValue.split("=")[1])
-                        } else {
-                            // eslint-disable-next-line security/detect-object-injection
-                            filter.value = filterValue.split("=")[1]
+            if (!relationList) {
+                if (filtersState) {
+                    const filterValues = filtersState.split(",")
+                    filtersClone.forEach((filter: Filter) => {
+                        if (filter.type === "status" || filter.type === "range") {
+                            return
                         }
-                    }
-                })
+                        const filterValue = filterValues.find((value) => value.split("=")[0] === filter.field)
+                        if (filterValue) {
+                            const field = getField(fields, filter.field)
+                            if (field.type === "Number") {
+                                // eslint-disable-next-line security/detect-object-injection
+                                filter.value = Number(filterValue.split("=")[1])
+                            } else {
+                                // eslint-disable-next-line security/detect-object-injection
+                                filter.value = filterValue.split("=")[1]
+                            }
+                        } else if (
+                            filter.type === "select" &&
+                            !hasFirstPageLoaded[labels.collection] &&
+                            filter.defaultValue
+                        ) {
+                            filter.value = tryFunction(filter.defaultValue)
+                        }
+                    })
+                } else {
+                    filtersClone.forEach((filter: Filter) => {
+                        if (filter.type === "select" && !hasFirstPageLoaded[labels.collection] && filter.defaultValue) {
+                            filter.value = tryFunction(filter.defaultValue)
+                        }
+                    })
+                }
             }
 
             if (statusField || softDelete) {
@@ -1022,6 +1038,7 @@ function Collection({
                 setOrder({ field: recordTitleField, direction: "asc" })
             }
 
+            hasFirstPageLoaded[labels.collection] = true
             setIsInitialized(true)
         }