@colisweb/rescript-toolkit 5.6.9 → 5.7.0

package/package.json

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

package/src/ui/Toolkit__Ui_Reference.res

@@ -5,6 +5,7 @@ let make = (
   ~className="",
   ~textClassName="",
   ~copyButtonSize=9,
+  ~onReferenceClick=?,
 ) => {
   let refClipboard = Toolkit__Hooks.useClipboard(reference, ~onCopyNotificationMessage?)
 
@@ -13,7 +14,9 @@ let make = (
       "flex flex-row items-center bg-info-50 text-info-700 min-w-0 w-full",
       className,
     ])}>
-    <p className={cx(["font-mono w-full text-sm pl-2 truncate", textClassName])}>
+    <p
+      onClick={_ => onReferenceClick->Option.forEach(fn => fn())}
+      className={cx(["font-mono w-full text-sm pl-2 truncate", textClassName])}>
       {reference->React.string}
     </p>
     <Toolkit__Ui_IconButton

package/src/ui/Toolkit__Ui_Reference.resi

@@ -9,4 +9,5 @@ let make: (
   ~className: string=?,
   ~textClassName: string=?,
   ~copyButtonSize: int=?,
+  ~onReferenceClick: unit => unit=?,
 ) => React.element

package/src/ui/Toolkit__Ui_WeekdayNavigation.res

@@ -56,7 +56,7 @@ let make = (
 ) => {
   let {isSm} = Toolkit__Hooks.useMediaQuery()
 
-  let periodLength = isSm ? periodLength->Option.getWithDefault(7) : 3
+  let periodLength = periodLength->Option.getWithDefault(isSm ? 7 : 3)
 
   let ({period, selectedDay}, dispatch) = ReactUpdate.useReducerWithMapState(
     (state, action) =>
@@ -203,14 +203,16 @@ let make = (
                   <FormattedDate value=day day=#"2-digit" />
                 </span>
               </p>
-              <p
-                className="text-xs text-info-500 bg-info-50 text-center mt-1 font-semibold rounded-sm">
-                {counters
-                ->Option.flatMap(counters =>
-                  counters->Js.Dict.get(day->DateFns.formatWithPattern("yyyy-MM-dd"))
-                )
-                ->Option.mapWithDefault(React.null, React.int)}
-              </p>
+              {counters
+              ->Option.flatMap(counters =>
+                counters->Js.Dict.get(day->DateFns.formatWithPattern("yyyy-MM-dd"))
+              )
+              ->Option.mapWithDefault(React.null, value => {
+                <p
+                  className="text-xs text-info-500 bg-info-50 text-center mt-1 font-semibold rounded-sm">
+                  {value->React.int}
+                </p>
+              })}
             </div>
           </React.Fragment>
         })