@stoker-platform/web-app 0.5.146 → 0.5.147

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stoker-platform/web-app
 
+## 0.5.147
+
+### Patch Changes
+
+- feat: increase relation picker item size
+
 ## 0.5.146
 
 ### Patch Changes

package/package.json

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

package/src/Filters.tsx

@@ -314,9 +314,10 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
                 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, 10),
+                        [field]: data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults),
                     }))
                 } else {
                     setData((prev) => ({
@@ -613,6 +614,7 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
                                     <CommandGroup>
                                         {data[filter.field] && (
                                             <CommandItem
+                                                className={cn(isMobile ? "p-3" : undefined)}
                                                 key="no_selection"
                                                 value="no_selection"
                                                 onSelect={(currentValue) => {
@@ -646,6 +648,7 @@ export function Filters({ collection, excluded, relationList }: FiltersProps) {
                                         )}
                                         {data[filter.field]?.map((record: StokerRecord) => (
                                             <CommandItem
+                                                className={cn(isMobile ? "p-3" : undefined)}
                                                 key={record.id}
                                                 value={record.id}
                                                 onSelect={(currentValue) => {

package/src/Form.tsx

@@ -2025,9 +2025,12 @@ function RelationField({
                         return !!fieldCustomization.admin?.filterResults?.(result, collection, record)
                     })
                     const objectIds = searchResults.map((result) => result.id)
-                    orderData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, 10)).then((data) => {
-                        setData(data)
-                    })
+                    const numberOfResults = isMobile ? 20 : 10
+                    orderData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults)).then(
+                        (data) => {
+                            setData(data)
+                        },
+                    )
                 } else {
                     orderData(
                         data.records
@@ -2165,6 +2168,7 @@ function RelationField({
                     <CommandGroup>
                         {data && ["OneToOne", "OneToMany"].includes(field.type) && (
                             <CommandItem
+                                className={cn(isMobile ? "p-3" : undefined)}
                                 key="no_selection"
                                 value="no_selection"
                                 onSelect={(currentValue: string) => {
@@ -2183,6 +2187,7 @@ function RelationField({
                         )}
                         {data?.map((relationRecord: StokerRecord) => (
                             <CommandItem
+                                className={cn(isMobile ? "p-3" : undefined)}
                                 key={relationRecord.id}
                                 value={relationRecord.id}
                                 onSelect={(currentValue) => {

package/src/PermissionPicker.tsx

@@ -140,7 +140,8 @@ export const PermissionPicker = ({
                 if (isCollectionPreloadCacheEnabled && query) {
                     const searchResults = localFullTextSearch(collection, query, data.records)
                     const objectIds = searchResults.map((result) => result.id)
-                    setData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, 10))
+                    const numberOfResults = isMobile ? 20 : 10
+                    setData(data.records.filter((doc) => objectIds.includes(doc.id)).slice(0, numberOfResults))
                 } else {
                     setData(data.records.slice(0, 10))
                 }
@@ -387,6 +388,7 @@ export const PermissionPicker = ({
                     <CommandGroup>
                         {data && (
                             <CommandItem
+                                className={cn(isMobile ? "p-3" : undefined)}
                                 key="no_selection"
                                 value="no_selection"
                                 onSelect={(currentValue) => {
@@ -402,6 +404,7 @@ export const PermissionPicker = ({
                         )}
                         {data?.map((record: StokerRecord) => (
                             <CommandItem
+                                className={cn(isMobile ? "p-3" : undefined)}
                                 key={record.id}
                                 value={record.id}
                                 onSelect={(currentValue) => {