@stoker-platform/web-app 0.5.148 → 0.5.149

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stoker-platform/web-app
 
+## 0.5.149
+
+### Patch Changes
+
+- fix: apply isMobile condition on intial retrieval
+
 ## 0.5.148
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.148",
+    "version": "0.5.149",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {

package/src/Filters.tsx

@@ -311,10 +311,10 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
             }).then((data) => {
                 clearTimeout(pickerDebounceTimeout.current)
 
+                const numberOfResults = isCollectionPreloadCacheEnabled && isMobile ? 20 : 10
                 if (isCollectionPreloadCacheEnabled && query) {
                     const searchResults = localFullTextSearch(collectionSchema, query, data.records)
                     const objectIds = searchResults.map((result) => result.id)
-                    const numberOfResults = isMobile ? 20 : 10
                     setData((prev) => ({
                         ...prev,
                         [field]: data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults),
@@ -322,7 +322,7 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
                 } else {
                     setData((prev) => ({
                         ...prev,
-                        [field]: data.records.slice(0, 10),
+                        [field]: data.records.slice(0, numberOfResults),
                     }))
                 }
                 setLoadingImmediate((prev) => ({

package/src/Form.tsx

@@ -2021,13 +2021,13 @@ function RelationField({
             }).then((data) => {
                 clearTimeout(pickerDebounceTimeout.current)
 
+                const numberOfResults = isCollectionPreloadCacheEnabled && isMobile ? 20 : 10
                 if (isCollectionPreloadCacheEnabled && query) {
                     const searchResults = localFullTextSearch(relationCollection, query, data.records, (result) => {
                         if (!fieldCustomization.admin?.filterResults) return true
                         return !!fieldCustomization.admin?.filterResults?.(result, collection, record)
                     })
                     const objectIds = searchResults.map((result) => result.id)
-                    const numberOfResults = isMobile ? 20 : 10
                     orderData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults)).then(
                         (data) => {
                             setData(data)
@@ -2045,7 +2045,7 @@ function RelationField({
                                     record,
                                 )
                             })
-                            .slice(0, 10),
+                            .slice(0, numberOfResults),
                     ).then((data) => {
                         setData(data)
                     })

package/src/PermissionPicker.tsx

@@ -139,13 +139,13 @@ export const PermissionPicker = ({
             }).then((data) => {
                 clearTimeout(pickerDebounceTimeout.current)
 
+                const numberOfResults = isCollectionPreloadCacheEnabled && isMobile ? 20 : 10
                 if (isCollectionPreloadCacheEnabled && query) {
                     const searchResults = localFullTextSearch(collection, query, data.records)
                     const objectIds = searchResults.map((result) => result.id)
-                    const numberOfResults = isMobile ? 20 : 10
                     setData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults))
                 } else {
-                    setData(data.records.slice(0, 10))
+                    setData(data.records.slice(0, numberOfResults))
                 }
                 setIsLoadingImmediate(false)
                 setIsLoading(false)