@stoker-platform/web-app 0.5.229 → 0.5.231

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stoker-platform/web-app
 
+## 0.5.231
+
+### Patch Changes
+
+- feat: pad empty months in Dashboard charts
+
+## 0.5.230
+
+### Patch Changes
+
+- fix: refresh form state from server after successful save
+
 ## 0.5.229
 
 ### Patch Changes

package/package.json

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

package/src/DashboardChart.tsx

@@ -215,20 +215,30 @@ export const DashboardChart = ({ chart, title, collection }: DashboardChartProps
             })
         }
 
-        return chartData?.filter((item) => {
-            const date = DateTime.fromISO(item.date).setZone(timezone).startOf(interval).toJSDate()
-            const startDate = DateTime.now()
-                .setZone(timezone)
-                .startOf(interval)
-                .plus({ [`${interval}s`]: offset })
-                .toJSDate()
-            const endDate = DateTime.now()
-                .setZone(timezone)
-                .endOf(interval)
-                .plus({ [`${interval}s`]: (numberOfIntervals || 0) + offset })
-                .toJSDate()
-            return date >= startDate && date < endDate
-        })
+        const startDate = DateTime.now()
+            .setZone(timezone)
+            .startOf(interval)
+            .plus({ [`${interval}s`]: offset })
+        const endDate = DateTime.now()
+            .setZone(timezone)
+            .endOf(interval)
+            .plus({ [`${interval}s`]: (numberOfIntervals || 0) + offset })
+
+        const byDate = new Map(chartData.map((item) => [item.date, item]))
+        const padMetric2 = !!(chart.metricField2 || chart.formula2)
+        const paddedChartData: ChartData = []
+        for (let cursor = startDate; cursor < endDate; cursor = cursor.plus({ [`${interval}s`]: 1 })) {
+            const key = cursor.toFormat("yyyy-MM-dd")
+            const existing = byDate.get(key)
+            if (existing) {
+                paddedChartData.push(existing)
+            } else if (padMetric2) {
+                paddedChartData.push({ date: key, metric1: 0, metric2: 0 })
+            } else {
+                paddedChartData.push({ date: key, metric1: 0 })
+            }
+        }
+        return paddedChartData
     }, [results])
 
     const metricField1 = chart.metricField1 ? getField(fields, chart.metricField1) : undefined

package/src/Form.tsx

@@ -2474,6 +2474,10 @@ function RecordForm({
 
     const formValues = form.watch()
     const [prevState, setPrevState] = useState<Partial<StokerRecord>>({} as Partial<StokerRecord>)
+    const prevStateRef = useRef<Partial<StokerRecord>>(prevState)
+    useEffect(() => {
+        prevStateRef.current = prevState
+    }, [prevState])
     const [originalRecord, setOriginalRecord] = useState<StokerRecord | undefined>(undefined)
     const [formResetKey, setFormResetKey] = useState(0)
     const [formSavedKey, setFormSavedKey] = useState(0)
@@ -3235,6 +3239,19 @@ function RecordForm({
                             key.startsWith("accessible-"),
                     ),
                 )
+                if (!initial) {
+                    const currentValues = form.getValues()
+                    for (const [key, value] of Object.entries(filteredRecord)) {
+                        if (
+                            // eslint-disable-next-line security/detect-object-injection
+                            isEqual(currentValues[key], prevStateRef.current?.[key]) &&
+                            // eslint-disable-next-line security/detect-object-injection
+                            !isEqual(currentValues[key], value)
+                        ) {
+                            form.setValue(key, value)
+                        }
+                    }
+                }
                 setPrevState({ ...prevState, ...permissionValues })
             }
         },