@colisweb/rescript-toolkit 5.49.1 → 5.49.3

package/package.json

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

package/src/ui/Toolkit__Ui_Timeline.res

@@ -49,6 +49,7 @@ type contentParams = {index: int}
 type timelinePointExtras = {
   className?: string,
   content?: contentParams => React.element,
+  onClick?: unit => unit,
   popoverContent?: React.element,
   popoverContentOptions?: Radix.Popover.Content.options,
 }
@@ -301,6 +302,7 @@ module Timeline = {
           | None =>
             <div
               className={"w-full h-[--markerHeight] text-center font-semibold text-sm"}
+              onClick={_ => extras.onClick->Option.forEach(fn => fn())}
               style={{
                 "--markerHeight": switch marker {
                 | Cluster(_) => markerWidth +. 10.
@@ -313,6 +315,7 @@ module Timeline = {
             <Toolkit__Ui_Popover
               triggerAsChild={true}
               trigger={<div
+                onClick={_ => extras.onClick->Option.forEach(fn => fn())}
                 className={"w-full h-[--markerHeight] cursor-pointer text-center font-semibold text-sm"}
                 style={{
                   "--markerHeight": switch marker {
@@ -418,6 +421,7 @@ let make = (
   ~infosContainerClassName="",
   ~displayCurrentTime=false,
   ~centerOnMount=false,
+  ~initialScaleValue=0.,
 ) => {
   let containerRef = React.useRef(Js.Nullable.null)
   let (measuringScale, setMeasuringScale) = React.useState((): option<state> => None)
@@ -465,7 +469,7 @@ let make = (
         )
 
         let measuringScale = calculateMeasuringScale(
-          ~containerWidth=containerWidth +. 600.,
+          ~containerWidth=containerWidth +. initialScaleValue,
           ~startHour=startHour.contents,
           ~endHour=endHour.contents,
         )