@stoker-platform/web-app 0.5.187 → 0.5.189

package/CHANGELOG.md

@@ -1,10 +1,28 @@
 # @stoker-platform/web-app
 
+## 0.5.189
+
+### Patch Changes
+
+- feat: add title bar counter
+    - @stoker-platform/node-client@0.5.75
+    - @stoker-platform/utils@0.5.66
+    - @stoker-platform/web-client@0.5.77
+
+## 0.5.188
+
+### Patch Changes
+
+- feat: add isExport parameter to form condition method
+    - @stoker-platform/node-client@0.5.74
+    - @stoker-platform/utils@0.5.65
+    - @stoker-platform/web-client@0.5.76
+
 ## 0.5.187
 
 ### Patch Changes
 
-- feat: revert default Firestore edition to standard
+- feat: change Dashboard metric spinner colour
 
 ## 0.5.186
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.187",
+    "version": "0.5.189",
     "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.56.0",
-        "@stoker-platform/node-client": "0.5.73",
-        "@stoker-platform/utils": "0.5.64",
-        "@stoker-platform/web-client": "0.5.75",
+        "@stoker-platform/node-client": "0.5.75",
+        "@stoker-platform/utils": "0.5.66",
+        "@stoker-platform/web-client": "0.5.77",
         "@tanstack/react-table": "^8.21.3",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",

package/src/Cards.tsx

@@ -189,7 +189,7 @@ function CardItem({ index, style, data }: CardItemProps) {
 
     let titleClass = ""
     if (isPendingServer || isDisabled) {
-        titleClass = "text-muted-foreground"
+        titleClass = "text-primary/70 dark:text-muted-foreground"
     }
 
     const headerLineClamp = cardsConfig.maxHeaderLines === 2 ? "line-clamp-2" : "line-clamp-1"

package/src/Collection.tsx

@@ -241,6 +241,7 @@ function Collection({
     const [firstTabLoadCards, setFirstTabLoadCards] = useState<boolean | undefined>(undefined)
     const [revertingStatusFilter, setRevertingStatusFilter] = useState(false)
     const [rangeSelector, setRangeSelector] = useState<"range" | "week" | "month" | undefined>(undefined)
+    const [titleCount, setTitleCount] = useState(false)
 
     const { filters, setFilters, order, setOrder, getFilterConstraints } = useFilters()
     const { orderByField, orderByDirection } = useMemo(() => getOrderBy(collection, order), [order])
@@ -610,11 +611,8 @@ function Collection({
                                 // eslint-disable-next-line security/detect-object-injection
                                 unsubscribe.current[key].push(newUnsubscribe)
                                 if (!isPreloadCacheEnabled && !isServerReadOnly) {
-                                    if (!query.infinite) {
-                                        setPages((prev) => ({ ...prev, [key]: newPages || 1 }))
-                                    } else {
-                                        setCount((prev) => ({ ...prev, [key]: newCount }))
-                                    }
+                                    setPages((prev) => ({ ...prev, [key]: newPages || 1 }))
+                                    setCount((prev) => ({ ...prev, [key]: newCount }))
                                 }
                                 resolve()
                             }
@@ -881,6 +879,8 @@ function Collection({
             const customListActions =
                 (await getCachedConfigValue(customization, [...collectionAdminPath, "customListActions"])) || []
             setCustomListActions(customListActions)
+            const titleCount = await getCachedConfigValue(customization, [...collectionAdminPath, "titleCount"])
+            setTitleCount(!!titleCount)
 
             const statusField = await getCachedConfigValue(customization, [...collectionAdminPath, "statusField"])
             setStatusField(statusField)
@@ -1744,6 +1744,14 @@ function Collection({
                             <Card className="flex items-center gap-2 h-12 sm:min-w-[300px] p-5">
                                 {icon ? createElement(icon) : null}
                                 <h1>{collectionTitle}</h1>
+                                {titleCount && tab !== "cards" && tab !== "calendar" && (
+                                    <span
+                                        className="hidden sm:block text-sm text-muted-foreground ml-auto"
+                                        style={{ marginLeft: "auto", marginRight: 0 }}
+                                    >
+                                        {(count?.default ?? list.default?.length)?.toString()}
+                                    </span>
+                                )}
                             </Card>
                             {isInitialized && (connectionStatus === "online" || isPreloadCacheEnabled) && (
                                 <>

package/src/utils/prepareCSVData.ts

@@ -59,7 +59,7 @@ export const prepareCSVData = (collection: CollectionSchema, data: any[]) => {
             const noExport = tryFunction(fieldCustomization.admin?.noExport) || false
             if (noExport) continue
             if (fieldCustomization.admin?.condition?.form) {
-                const condition = tryFunction(fieldCustomization.admin?.condition?.form, ["update", doc])
+                const condition = tryFunction(fieldCustomization.admin?.condition?.form, ["update", doc, true])
                 if (condition === false) {
                     docData[field.name] = ""
                     continue