@colisweb/rescript-toolkit 4.7.0 → 4.7.2

package/package.json

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

package/src/form/Toolkit__Form.res

@@ -725,7 +725,13 @@ module Make = (StateLenses: Config) => {
   module DatePicker = {
     module Picker = {
       @react.component
-      let make = (~value, ~handleChange, ~containerClassName, ~placeholder) => {
+      let make = (
+        ~value,
+        ~handleChange,
+        ~containerClassName,
+        ~placeholder,
+        ~disabledBefore: option<Js.Date.t>=?,
+      ) => {
         let (date, setDate) = React.useState((): option<Js.Date.t> => value)
         let intl = useIntl()
 
@@ -763,14 +769,29 @@ module Make = (StateLenses: Config) => {
                 <ReactDayPicker.ReactDayPicker.DayPicker
                   className="cw-Datepicker"
                   showOutsideDays=true
+                  modifiers={disabledBefore->Option.mapWithDefault(
+                    Js.Obj.empty()->Obj.magic,
+                    disabledBefore => {
+                      {
+                        "disabled": {
+                          "before": disabledBefore,
+                        },
+                      }->Obj.magic
+                    },
+                  )}
                   locale={intl->Intl.locale}
                   months=Toolkit__LocalesHelpers.DatePicker.Fr.months
                   weekdaysShort=Toolkit__LocalesHelpers.DatePicker.Fr.weekdaysShort
                   firstDayOfWeek=1
                   selectedDays=(date->Obj.magic, {from: Js.Nullable.null, to_: Js.Nullable.null})
                   onDayClick={(
-                    (day, _) => {
-                      setDate(_ => Some(day))
+                    (day, modifiers) => {
+                      let disabled: option<bool> = (modifiers->Obj.magic)["disabled"]
+
+                      switch disabled {
+                      | Some(true) => ()
+                      | _ => setDate(_ => Some(day))
+                      }
                     }
                   )->Obj.magic}
                 />
@@ -801,7 +822,15 @@ module Make = (StateLenses: Config) => {
       }
     }
     @react.component
-    let make = (~field, ~label=?, ~id, ~isOptional=?, ~containerClassName="", ~placeholder=?) => {
+    let make = (
+      ~field,
+      ~label=?,
+      ~id,
+      ~isOptional=?,
+      ~containerClassName="",
+      ~placeholder=?,
+      ~disabledBefore=?,
+    ) => {
       <Form.Field
         field
         render={({handleChange, value, error}) => <>
@@ -816,7 +845,7 @@ module Make = (StateLenses: Config) => {
               label
             </Toolkit__Ui_Label>
           }}
-          <Picker value handleChange containerClassName placeholder />
+          <Picker value handleChange containerClassName placeholder ?disabledBefore />
           <ErrorMessage ?error />
         </>}
       />

package/src/ui/Toolkit__Ui_Radio.res

@@ -45,13 +45,13 @@ let make = (
         | #lg => "w-10 h-10"
         },
       ])}>
-      <ReactIcons.GoPrimitiveDot
+      <ReactIcons.FaCircle
         className="transform transition-all ease-in-out"
         size={switch size {
-        | #xs => 12
-        | #sm => 16
-        | #md => 24
-        | #lg => 32
+        | #xs => 8
+        | #sm => 12
+        | #md => 18
+        | #lg => 24
         }}
       />
     </span>