@stoker-platform/web-app 0.5.147 → 0.5.149

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stoker-platform/web-app
 
+## 0.5.149
+
+### Patch Changes
+
+- fix: apply isMobile condition on intial retrieval
+
+## 0.5.148
+
+### Patch Changes
+
+- fix: add isMobile to data retrieval function dependency arrays
+
 ## 0.5.147
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.147",
+    "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) => ({
@@ -335,7 +335,7 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
                 }))
             })
         },
-        [],
+        [isMobile],
     )
 
     const debounceTimeout = useRef<NodeJS.Timeout>()

package/src/Form.tsx

@@ -1926,6 +1926,8 @@ function RelationField({
         initialize()
     }, [])
 
+    const isMobile = useIsMobile()
+
     const getData = useCallback(
         async (query: string | undefined, constraints: [string, "==" | "in", unknown][] = []) => {
             setIsLoadingImmediate(true)
@@ -2019,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)
@@ -2043,7 +2045,7 @@ function RelationField({
                                     record,
                                 )
                             })
-                            .slice(0, 10),
+                            .slice(0, numberOfResults),
                     ).then((data) => {
                         setData(data)
                     })
@@ -2052,7 +2054,7 @@ function RelationField({
                 setIsLoading(false)
             })
         },
-        [record, form],
+        [record, form, isMobile],
     )
 
     const handleOneToChange = useCallback(
@@ -2114,7 +2116,6 @@ function RelationField({
         popoverHeight = "h-48"
     }
 
-    const isMobile = useIsMobile()
     const { offset: keyboardOffset, viewportHeight } = useKeyboardOffset(isMobile && isOpen)
     const sheetHeight = Math.max(240, Math.min(viewportHeight - 16, viewportHeight * 0.9))
 

package/src/PermissionPicker.tsx

@@ -74,6 +74,8 @@ export const PermissionPicker = ({
 
     const pickerDebounceTimeout = useRef<NodeJS.Timeout>()
 
+    const isMobile = useIsMobile()
+
     const getData = useCallback(
         async (query: string | undefined, constraints: [string, "==" | "in", unknown][] = []) => {
             setIsLoadingImmediate(true)
@@ -137,19 +139,19 @@ 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)
             })
         },
-        [],
+        [isMobile],
     )
 
     const debounceTimeout = useRef<NodeJS.Timeout>()
@@ -334,7 +336,6 @@ export const PermissionPicker = ({
         popoverHeight = "h-48"
     }
 
-    const isMobile = useIsMobile()
     const { offset: keyboardOffset, viewportHeight } = useKeyboardOffset(isMobile && isOpen)
     const sheetHeight = Math.max(240, Math.min(viewportHeight - 16, viewportHeight * 0.9))