@colisweb/rescript-toolkit 3.1.2 → 3.1.4

package/package.json

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

package/playground/PlaygroundComponents.res

@@ -35,6 +35,7 @@ let components: array<(string, module(Config))> = [
   ("Form", module(Playground_Form)),
   ("Combobox", module(Playground_Combobox)),
   ("IconButton", module(Playground_IconButton)),
+  ("CopyWrapper", module(Playground_CopyWrapper)),
 ]
 
 module List = {

package/playground/components/Playground_CopyWrapper.res

@@ -0,0 +1,17 @@
+@module("@root/src/ui/Toolkit__Ui_CopyWrapper.resi?raw")
+external resi: string = "default"
+
+@module("@root/playground/components/Playground_CopyWrapper.res?raw")
+external codeExample: string = "default"
+
+@react.component
+let make = () => {
+  <ReactIntl.IntlProvider>
+    <Toolkit__Ui_Snackbar.Provider />
+    <div className="flex flex-col gap-8">
+      <Toolkit__Ui_CopyWrapper textToCopy={"some content"} intl={PlaygroundLocales.intl}>
+        {"some content"->React.string}
+      </Toolkit__Ui_CopyWrapper>
+    </div>
+  </ReactIntl.IntlProvider>
+}

package/src/decoders/Toolkit__Decoders.res

@@ -304,6 +304,20 @@ module UnitMeasure = {
     })
   }
 
+  module EnergyCapacity = {
+    module Config = Toolkit__Utils_UnitMeasure.EnergyCapacity
+
+    module WithUnit = MakeWithUnit({
+      include Config
+      let errorPrefix = "EnergyCapacity with unit"
+    })
+
+    module KWh = Make({
+      include Config
+      let wrapValue = Config.wrapValue(#kWh)
+    })
+  }
+
   module Weight = {
     module Config = Toolkit__Utils_UnitMeasure.Weight
 

package/src/form/Toolkit__FormValidationFunctions.res

@@ -288,6 +288,19 @@ let optionalPosFloatWeightKg = (intl, value) => {
     }
   }
 }
+
+let optionalPosFloatEnergyCapacityKWh = (intl, value) => {
+  switch value {
+  | "" => None
+  | v =>
+    switch v->Toolkit__Decoders.UnitMeasure.EnergyCapacity.WithUnit.decodeFromString {
+    | Ok(#kWh(_)) => None
+    | _ =>
+      Some(Intl.formatMessageWithValues(intl, Msg.wrongFormat, {"exemple": "'10 kWh' '0.5 kWh'"}))
+    }
+  }
+}
+
 let requiredPosFloatWeightG = (intl, value) => {
   switch value {
   | "" => Some(Intl.formatMessage(intl, Msg.requiredValue))

package/src/ui/Toolkit__Ui_CopyWrapper.res

@@ -18,7 +18,7 @@ let make = (~children, ~textToCopy, ~className="", ~intl) => {
   <div className={cx(["rounded-md border border-info-500 bg-info-50", className])}>
     <div className="relative w-full">
       <div
-        className="absolute -right-2 top-1 p-1 bg-info-50 text-info-500"
+        className="absolute -right-2 top-1 p-1 bg-info-50 text-info-500 cursor-pointer hover:bg-info-400 hover:text-white rounded active:bg-info-500"
         onClick={_ => {
           ref1Clipboard.copy()
         }}>

package/src/ui/Toolkit__Ui_CopyWrapper.resi

@@ -0,0 +1,7 @@
+@react.component
+let make: (
+  ~children: React.element,
+  ~textToCopy: string,
+  ~className: string=?,
+  ~intl: ReactIntl.Intl.t,
+) => React.element

package/src/utils/Toolkit__Utils_UnitMeasure.res

@@ -216,6 +216,42 @@ module Volume = {
   }
 }
 
+module EnergyCapacity = {
+  include Unit({
+    @deriving(jsConverter)
+    type unitEnum = [
+      | @as(`kWh`) #kWh
+    ]
+  })
+
+  type t = [
+    | #kWh(float)
+  ]
+
+  let wrapValue = (unit: unitEnum, value: float): t =>
+    switch unit {
+    | #kWh => #kWh(value)
+    }
+
+  let toValue = value =>
+    switch value {
+    | #kWh(value) => value
+    }
+
+  let display = (value, ~digits=2, ()) => {
+    open Js.Float
+    switch value {
+    | #kWh(v) => v->toFixedWithPrecision(~digits) ++ ` kWh`
+    }
+  }
+
+  let toString = value => {
+    switch value {
+    | #kWh(v) => v->Float.toString ++ ` kWh`
+    }
+  }
+}
+
 module Currency = {
   include Unit({
     @deriving(jsConverter)