territories-dashboard-lib 0.1.5__py3-none-any.whl → 0.1.7__py3-none-any.whl

territories_dashboard_lib/geo_lib/views.py

@@ -1,4 +1,5 @@
 import base64
+import datetime
 import gzip
 import json
 from typing import Optional
@@ -32,6 +33,17 @@ class GeoFeaturesParams(BaseModel):
     feature: str
 
 
+class DateTimeEncoder(json.JSONEncoder):
+    def default(self, obj):
+        if isinstance(obj, (datetime.date, datetime.datetime)):
+            return (
+                obj.date().isoformat()
+                if isinstance(obj, datetime.datetime)
+                else obj.isoformat()
+            )
+        return super().default(obj)
+
+
 @require_GET
 @cache_control(max_age=3600)
 def geo_features_view(request):
@@ -96,7 +108,7 @@ def geo_features_view(request):
 
     last_queried_order_id = results[-1]["order_id"] if results else None
 
-    compressed_data = gzip.compress(json.dumps(data).encode())
+    compressed_data = gzip.compress(json.dumps(data, cls=DateTimeEncoder).encode())
     compressed_base64 = base64.b64encode(compressed_data).decode()
 
     return JsonResponse({"data": compressed_base64, "last": last_queried_order_id})

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/css/website.css

@@ -878,12 +878,12 @@ footer .fr-follow {
     padding-bottom: 64px;
 }
 
-.table-geo-filters summary {
+.table-geo-filters {
     font-size: 0.9rem;
 }
 
-.table-geo-filters details:last-child:open {
-    padding-bottom: 500px;
+.table-geo-filters:has(details[open]) {
+    padding-bottom: 300px;
 }
 
 .table-geo-filters input,
@@ -975,3 +975,41 @@ footer .fr-follow {
 .fr-footer__bottom-link {
     white-space: nowrap;
 }
+
+.react-datepicker__input-container input {
+    border-color: hsl(0, 0%, 80%);
+    border-radius: 4px;
+    border-style: solid;
+    border-width: 1px;
+    width: 95px;
+}
+
+.date-pickers-range {
+    display: flex;
+    flex-direction: row;
+    gap: 32px;
+}
+
+.react-datepicker__header {
+    background-color: #ececfe !important;
+}
+
+.react-datepicker__header h2 {
+    padding: 0px !important;
+}
+
+.react-datepicker__header__dropdown {
+    padding-bottom: 16px !important;
+}
+
+.react-datepicker__close-icon:hover {
+    background-color: inherit !important;
+}
+
+.react-select__menu {
+    font-size: 0.8rem !important;
+}
+
+.react-select__option {
+    padding: 4px 12px !important;
+}