@colisweb/rescript-toolkit 4.1.1 → 4.2.0

package/locale/fr.json

@@ -109,6 +109,11 @@
     "defaultMessage": "Le champ doit avoir au maximum {value} caractères.",
     "message": "Le champ doit avoir au maximum {value} caractères."
   },
+  {
+    "id": "_9f118046",
+    "defaultMessage": "Doit être un nombre compris entre 0 et 1 en excluant 0 (exemples: '0.1' '0.85' '1')",
+    "message": "Doit être un nombre compris entre 0 et 1 en excluant 0 (exemples: '0.1' '0.85' '1')"
+  },
   {
     "id": "_9fc912ee",
     "defaultMessage": "Lundi",

package/package.json

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

package/src/form/Toolkit__FormValidationFunctions.res

@@ -6,6 +6,9 @@ module Msg = {
   let requiredPosInt = {defaultMessage: "Doit etre un entier positif"}
   let requiredPosIntOrFloat = {
     defaultMessage: "Doit être un entier positif ou un nombre a virgule",
+  }
+   let requiredRatio = {
+    defaultMessage: "Doit être un nombre compris entre 0 et 1 en excluant 0 (exemples: '0.1' '0.85' '1')",
   }
   let wrongFormat = {defaultMessage: "Mauvais format (req: {exemple})"}
   let maxNumberOfPackets = {defaultMessage: "Nbr colis"}
@@ -105,6 +108,16 @@ let requiredStrictPosFloat = (intl, value) => {
   }
 }
 
+let requiredRatio = (intl, value) => {
+  switch value {
+  | "" => Some(Intl.formatMessage(intl, Msg.requiredValue))
+  | value
+    if !Toolkit__Utils_Regex.Test.isPositiveIntOrFloat(value) || value->Float.fromString === Some(0.) || value->Float.fromString->Option.getWithDefault(2.) > 1.  =>
+    Some(Intl.formatMessage(intl, Msg.requiredRatio))
+  | _ => None
+  }
+}
+
 let requiredFloat = (intl, value) => {
   switch value->Js.String2.split("-") {
   | _ if value === "" => Some(Intl.formatMessage(intl, Msg.requiredValue))

package/src/ui/Toolkit__Ui_Card.res

@@ -13,6 +13,7 @@ module Header = {
     ~actionDisabled: option<bool>=?,
     ~containerClassName="",
     ~buttonTestId="",
+    ~buttonColor=#info,
   ) =>
     <div className={cx(["flex flex-row items-center mb-4", containerClassName])}>
       <div
@@ -26,7 +27,7 @@ module Header = {
         <Toolkit__Ui_Button
           variant=#pill
           size=#xs
-          color=#info
+          color=buttonColor
           onClick={_ => event()}
           testId={buttonTestId}
           disabled={actionDisabled->Option.getWithDefault(false)}

package/src/ui/Toolkit__Ui_Card.resi

@@ -12,6 +12,7 @@ module Header: {
     ~actionDisabled: bool=?,
     ~containerClassName: string=?,
     ~buttonTestId: string=?,
+    ~buttonColor: Toolkit__Ui_Button.color=?,
   ) => React.element
 }