@colisweb/rescript-toolkit 5.37.1 → 5.37.3

package/package.json

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

package/src/ui/Toolkit__Ui_Dropdown.res

@@ -36,7 +36,7 @@ let make = (
   let (position, setPosition) = React.useState(() => position)
   let {isOpen, hide, toggle} = Toolkit__Hooks.useDisclosure(~defaultIsOpen, ())
 
-  Toolkit__Hooks.useOnClickOutside(buttonRef, _ => {
+  Toolkit__Hooks.useOnClickOutside(dropDownRef, _ => {
     hide()
     onClose->Option.forEach(fn => fn())
   })
@@ -95,24 +95,24 @@ let make = (
       }}
       className={cx([buttonClassName, "dropdown-button"])}>
       label
-      {isOpen
-        ? <div
-            ref={ReactDOM.Ref.domRef(dropDownRef)}
-            className={cx([
-              "dropdown",
-              "absolute  z-20 bg-white p-2 transform shadow rounded text-base font-normal text-neutral-700 opacity-0",
-              switch position {
-              | #bottom => "left-1/2 top-full  -translate-x-1/2 mt-2"
-              | #top => "left-1/2 bottom-full -translate-x-1/2 mb-2"
-              | #left => "right-full top-1/2 -translate-y-1/2 ml-2"
-              | #right => "left-full top-1/2 -translate-y-1/2 ml-2"
-              },
-              dropdownClassName,
-            ])}
-            style={adjustmentStyle->Option.getWithDefault(ReactDOM.Style.make())}>
-            <Provider value={{hide: hide}}> children </Provider>
-          </div>
-        : React.null}
     </Toolkit__Ui_Button>
+    {isOpen
+      ? <div
+          ref={ReactDOM.Ref.domRef(dropDownRef)}
+          className={cx([
+            "dropdown",
+            "absolute  z-20 bg-white p-2 transform shadow rounded text-base font-normal text-neutral-700 opacity-0",
+            switch position {
+            | #bottom => "top-full  mt-2"
+            | #top => "bottom-full mb-2"
+            | #left => "right-full ml-2"
+            | #right => "left-full  ml-2"
+            },
+            dropdownClassName,
+          ])}
+          style={adjustmentStyle->Option.getWithDefault(ReactDOM.Style.make())}>
+          <Provider value={{hide: hide}}> children </Provider>
+        </div>
+      : React.null}
   </div>
 }

package/src/vendors/ReactIcons.res

@@ -6239,3 +6239,28 @@ module FaSync = {
   @module("react-icons/fa") @react.component
   external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element = "FaSync"
 }
+module FaInstagram = {
+  @module("react-icons/fa6") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaInstagram"
+}
+module FaFacebook = {
+  @module("react-icons/fa6") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaFacebook"
+}
+module FaXTwitter = {
+  @module("react-icons/fa6") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaXTwitter"
+}
+module FaYoutube = {
+  @module("react-icons/fa6") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaYoutube"
+}
+module FaLinkedin = {
+  @module("react-icons/fa6") @react.component
+  external make: (~size: int=?, ~color: string=?, ~className: string=?) => React.element =
+    "FaLinkedin"
+}