@colisweb/rescript-toolkit 4.14.9 → 4.14.11

package/package.json

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

package/src/ui/Toolkit__Ui_SelectWithValidation.res

@@ -10,12 +10,21 @@ type options = array<item>
 
 module Footer = {
   @react.component
-  let make = (~onCancel, ~onValidateClick, ~validateMessage=?) => {
+  let make = (
+    ~onCancel,
+    ~onValidateClick,
+    ~validateMessage=?,
+    ~cancelButtonClassName="",
+    ~validateButtonClassName="",
+  ) => {
     let dropdownContext = React.useContext(Toolkit__Ui_Dropdown.dropdownContext)
 
     <footer className="bg-white p-1 flex flex-row justify-between">
       <Toolkit__Ui_Button
         type_="button"
+        color=#neutralLight
+        className={cancelButtonClassName}
+        variant=#outline
         onClick={_ => {
           dropdownContext.hide()
           onCancel()
@@ -25,6 +34,7 @@ module Footer = {
       <Toolkit__Ui_Button
         color=#primary
         type_="button"
+        className={validateButtonClassName}
         onClick={_ => {
           onValidateClick()
           dropdownContext.hide()
@@ -78,6 +88,8 @@ let make = (
   ~placeholder: React.element,
   ~buttonClassName="",
   ~dropdownClassName="",
+  ~validateButtonClassName="",
+  ~cancelButtonClassName="",
   ~itemClassName="",
   ~searchPlaceholder: option<string>=?,
   ~allowFilter=true,
@@ -152,6 +164,8 @@ let make = (
       }}
       ?validateMessage
       onValidateClick={() => selectedOption->Option.forEach(onValidate)}
+      validateButtonClassName
+      cancelButtonClassName
     />
   </Toolkit__Ui_Dropdown>
 }

package/src/ui/Toolkit__Ui_SelectWithValidation.resi

@@ -7,6 +7,8 @@ let make: (
   ~placeholder: React.element,
   ~buttonClassName: string=?,
   ~dropdownClassName: string=?,
+  ~validateButtonClassName: string=?,
+  ~cancelButtonClassName: string=?,
   ~itemClassName: string=?,
   ~searchPlaceholder: string=?,
   ~allowFilter: bool=?,

package/src/vendors/ReactIcons.res

@@ -6126,6 +6126,11 @@ module FaRulerCombined = {
   external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
     "FaRulerCombined"
 }
+module FaWeightHanging = {
+  @module("react-icons/fa") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaWeightHanging"
+}
 
 module BiTestTube = {
   @module("react-icons/bi") @react.component