@stoker-platform/web-app 0.5.191 → 0.5.193

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stoker-platform/web-app
 
+## 0.5.193
+
+### Patch Changes
+
+- feat: improve Dashboard reminder sorting
+
+## 0.5.192
+
+### Patch Changes
+
+- feat: remove image field images from image carousel
+
 ## 0.5.191
 
 ### Patch Changes

package/package.json

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

package/src/DashboardReminder.tsx

@@ -17,6 +17,7 @@ import { Card, CardContent } from "./components/ui/card"
 import { useConnection } from "./providers/ConnectionProvider"
 import { getField, getFieldCustomization, isRelationField, tryFunction } from "@stoker-platform/utils"
 import { getFormattedFieldValue } from "./utils/getFormattedFieldValue"
+import { getSortingValue } from "./utils/getSortingValue"
 
 interface DashboardReminderProps {
     reminder: Reminder
@@ -198,26 +199,60 @@ export const DashboardReminder = ({ reminder, title, collection }: DashboardRemi
                                     </TableRow>
                                 ) : (
                                     results
-                                        .slice(page * pages, (page + 1) * pages)
                                         .sort((a, b) => {
                                             if (!sorting) return 0
                                             const sortingField = getField(fields, sorting.field)
-                                            const fieldCustomization = getFieldCustomization(
-                                                sortingField,
+                                            const valueA = getSortingValue(
+                                                collectionSchema,
                                                 customization,
+                                                sorting.field,
+                                                a,
                                             )
-                                            let sortA = a[sorting.field]
-                                            let sortB = b[sorting.field]
-                                            if (fieldCustomization.admin?.sort) {
-                                                sortA = tryFunction(fieldCustomization.admin?.sort, [a])
-                                                sortB = tryFunction(fieldCustomization.admin?.sort, [b])
-                                            }
-                                            if (sorting.direction === "asc") {
-                                                return sortA - sortB
+                                            const valueB = getSortingValue(
+                                                collectionSchema,
+                                                customization,
+                                                sorting.field,
+                                                b,
+                                            )
+                                            let result: number
+                                            if (sortingField.type === "String") {
+                                                const rawA = valueA?.toString().toLowerCase() ?? ""
+                                                const rawB = valueB?.toString().toLowerCase() ?? ""
+                                                result = rawA > rawB ? 1 : rawA < rawB ? -1 : 0
+                                            } else if (isRelationField(sortingField)) {
+                                                const titleField = sortingField.titleField
+                                                let rawA: string
+                                                let rawB: string
+                                                if (titleField) {
+                                                    const recordA = Object.values(a[sortingField.name] ?? {})[0] as
+                                                        | StokerRecord
+                                                        | undefined
+                                                    const recordB = Object.values(b[sortingField.name] ?? {})[0] as
+                                                        | StokerRecord
+                                                        | undefined
+                                                    // eslint-disable-next-line security/detect-object-injection
+                                                    rawA = recordA?.[titleField]?.toString().toLowerCase() ?? ""
+                                                    // eslint-disable-next-line security/detect-object-injection
+                                                    rawB = recordB?.[titleField]?.toString().toLowerCase() ?? ""
+                                                } else {
+                                                    rawA = (
+                                                        Object.keys(a[sortingField.name] ?? {})[0] ?? ""
+                                                    ).toLowerCase()
+                                                    rawB = (
+                                                        Object.keys(b[sortingField.name] ?? {})[0] ?? ""
+                                                    ).toLowerCase()
+                                                }
+                                                result = rawA > rawB ? 1 : rawA < rawB ? -1 : 0
+                                            } else if (sortingField.type === "Timestamp") {
+                                                const rawA = Number(valueA?.valueOf() || 0)
+                                                const rawB = Number(valueB?.valueOf() || 0)
+                                                result = rawA > rawB ? 1 : rawA < rawB ? -1 : 0
                                             } else {
-                                                return sortB - sortA
+                                                result = valueA > valueB ? 1 : valueA < valueB ? -1 : 0
                                             }
+                                            return sorting.direction === "asc" ? result : -result
                                         })
+                                        .slice(page * pages, (page + 1) * pages)
                                         .map((result: StokerRecord) => (
                                             <TableRow
                                                 key={result.id}

package/src/Form.tsx

@@ -3713,6 +3713,15 @@ function RecordForm({
     useEffect(() => {
         const loadImages = async () => {
             if (!formImagesEnabled || operation !== "update" || !record || isOffline) return
+            const imageFieldUrls = fields
+                .filter((field) => {
+                    if (field.type !== "String") return false
+                    const fieldCustomization = getFieldCustomization(field, customization)
+                    return tryFunction(fieldCustomization.admin?.image)
+                })
+                .map((field) => {
+                    return record?.[field.name]
+                })
             try {
                 const items = await getFiles("", record)
                 const imageItems = items.filter((item) => {
@@ -3724,7 +3733,7 @@ function RecordForm({
                         return url
                     }),
                 )
-                setCarouselImages(urls)
+                setCarouselImages(urls.filter((url) => !imageFieldUrls.includes(url)))
             } finally {
                 setCarouselLoading(false)
             }