@stoker-platform/web-app 0.5.196 → 0.5.197

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stoker-platform/web-app
 
+## 0.5.197
+
+### Patch Changes
+
+- feat: use maximum date range for preloaded relation lists
+
 ## 0.5.196
 
 ### Patch Changes

package/package.json

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

package/src/Collection.tsx

@@ -1042,7 +1042,10 @@ function Collection({
                     tabRef.current = "list"
                 }
             }
-            if (rangeSelectorState) {
+            if (isPreloadCacheEnabled && relationList) {
+                setRangeSelector("range")
+                rangeSelectorState = "range"
+            } else if (rangeSelectorState) {
                 setRangeSelector(rangeSelectorState as "range" | "week" | "month" | undefined)
                 setState(`collection-range-selector-${labels.collection.toLowerCase()}`, "selector", rangeSelectorState)
             }
@@ -1072,6 +1075,12 @@ function Collection({
                             from: getMinDate(),
                             to: getMaxDate(),
                         })
+                    } else if (isPreloadCacheEnabled && relationList) {
+                        const preloadCacheRange = getRange(preloadCache.range, timezone)
+                        rangeValue = JSON.stringify({
+                            from: preloadCacheRange.start.toISOString(),
+                            to: preloadCacheRange.end?.toISOString(),
+                        })
                     } else if (!rangeValue) {
                         const now = convertDateToTimezone(new Date())
                         if (rangeSelectorState === "month") {

package/src/DateRange.tsx

@@ -277,8 +277,17 @@ export function DateRangeSelector({
                                         ) : (
                                             <span>Pick a date</span>
                                         )
+                                    ) : range?.from ? (
+                                        range.to ? (
+                                            <>
+                                                {DateTime.fromJSDate(range.from).toFormat("d/M/yy")} -{" "}
+                                                {DateTime.fromJSDate(range.to).toFormat("d/M/yy")}
+                                            </>
+                                        ) : (
+                                            DateTime.fromJSDate(range.from).toFormat("d/M/yy")
+                                        )
                                     ) : (
-                                        <span>Change date range</span>
+                                        <span>Pick a date</span>
                                     )}
                                 </>
                             )}