@colisweb/rescript-toolkit 4.18.2 → 4.18.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "4.18.2",
+  "version": "4.18.4",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/ui/Toolkit__Ui_Tag.res

@@ -50,10 +50,10 @@ let make = (
       | #white => "border border-white text-white"
       | #gray => "border border-gray-400 text-gray-700"
       | #primary => "border border-primary-500 text-primary-500"
-      | #info => "border border-info-600 text-info-600"
-      | #danger => "border border-danger-600 text-danger-600"
-      | #warning => "border text-warning-700 border-warning-700"
-      | #success => "border text-success-700 border-success-700"
+      | #info => "border border-info-600 text-info-600 bg-info-50"
+      | #danger => "border border-danger-600 text-danger-600 bg-danger-50"
+      | #warning => "border bg-warning-50 text-warning-700 border-warning-700"
+      | #success => "border bg-success-50 text-success-700 border-success-700"
       | #neutral => "border text-neutral-600 border-neutral-600"
       }
     }

package/src/ui/Toolkit__Ui_WeekDateFilter.res

@@ -57,18 +57,22 @@ let make = (~initialStart=?, ~selectedDay=?, ~children: state => React.element)
             ),
           },
           ({state}) => {
-            RescriptReactRouter.replace(
-              Qs.stringifyWithParams(
-                {
-                  start: Some(state.timeslot.start),
-                  selectedDay: state.selectedDay,
-                }->queryParams_encode,
-                {
-                  addQueryPrefix: true,
-                  serializeDate: d => d->DateFns.formatWithPattern("yyyy-MM-dd"),
-                },
-              ),
+            open Browser
+            let search = Location.location->Location.search->Js.String2.sliceToEnd(~from=1)
+            let searchParams = URLSearchParams.make(search)
+
+            searchParams->URLSearchParams.set(
+              "start",
+              state.timeslot.start->DateFns.formatWithPattern("yyyy-MM-dd"),
             )
+            state.selectedDay->Option.forEach(selectedDay => {
+              searchParams->URLSearchParams.set(
+                "selectedDay",
+                selectedDay->DateFns.formatWithPattern("yyyy-MM-dd"),
+              )
+            })
+
+            RescriptReactRouter.replace("?" ++ searchParams->URLSearchParams.toString())
             None
           },
         )

package/src/vendors/Browser.res

@@ -105,6 +105,18 @@ module URL = {
   external setSearchParams: (t, string, string) => unit = "set"
 }
 
+module URLSearchParams = {
+  type t
+
+  @new
+  external make: string => t = "URLSearchParams"
+
+  @send
+  external set: (t, string, string) => unit = "set"
+  @send
+  external toString: (t, unit) => string = "toString"
+}
+
 module History = {
   type t
 

package/src/vendors/Browser.resi

@@ -78,6 +78,18 @@ module URL: {
   external setSearchParams: (t, string, string) => unit = "set"
 }
 
+module URLSearchParams: {
+  type t
+
+  @new
+  external make: string => t = "URLSearchParams"
+
+  @send
+  external set: (t, string, string) => unit = "set"
+  @send
+  external toString: (t, unit) => string = "toString"
+}
+
 module History: {
   type t