@colisweb/rescript-toolkit 2.22.0 → 2.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/ui/Toolkit__Ui_Switch.res

@@ -42,6 +42,18 @@ let make = (
   ~color=#primary,
 ) => {
   let (isChecked, setIsChecked) = React.useState(() => checked->Option.getWithDefault(false))
+  let previousChecked = Toolkit__Hooks.usePrevious(checked)
+
+  React.useEffect2(() => {
+    checked->Option.forEach(checked => {
+      switch (previousChecked, checked) {
+      | (Some(Some(c1)), c2) if c1 != c2 => setIsChecked(_ => c2)
+      | _ => ()
+      }
+    })
+
+    None
+  }, (checked, previousChecked))
 
   <label
     ref=?switchRef
@@ -53,7 +65,7 @@ let make = (
     ])}>
     <span
       className={cx([
-        "flex items-center relative rounded-full py-[2px] cursor-pointer border transition-all",
+        "shrink-0 flex items-center relative rounded-full py-[2px] cursor-pointer border transition-all",
         getLabelSize(size),
         isChecked
           ? switch color {
@@ -84,7 +96,7 @@ let make = (
       <span
         className={cx([
           "rounded-full shadow transition duration-200 ease-linear transform bg-white",
-          isChecked ? getTranslateBySize(size) : "translate-x-1",
+          isChecked ? getTranslateBySize(size) : "translate-x-[3px]",
           getBulletSize(size),
         ])}
       />

package/src/vendors/BsReactIcons.res

@@ -5908,3 +5908,15 @@ module AiFillEye = {
   @module("react-icons/ai") @react.component
   external make: (~size: int=?) => React.element = "AiFillEye"
 }
+
+module FaCalendarCheck = {
+  @module("react-icons/fa") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaCalendarCheck"
+}
+
+module FaUserCog = {
+  @module("react-icons/fa") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaUserCog"
+}