@colisweb/rescript-toolkit 4.14.0 → 4.14.2

package/package.json

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

package/src/ui/Toolkit__Ui_SelectWithValidation.res

@@ -110,14 +110,19 @@ let make = (
     label={switch selectedOption {
     | None =>
       <p className="flex flex-row gap-2 w-full items-center relative">
-        <span className="ml-1"> {placeholder} </span>
+        <span> {placeholder} </span>
         <span className="absolute inset-y-0 right-0 flex items-center">
           <ReactIcons.FaAngleDown />
         </span>
       </p>
-    | Some({label}) =>
-      <div className="table table-fixed w-full" title={label}>
-        <span className="table-cell truncate text-left"> {label->React.string} </span>
+    | Some(selectedOption) =>
+      <div className="table table-fixed w-full" title={selectedOption.label}>
+        <span className="table-cell truncate text-left">
+          {selectedOption.itemLabel->Option.getWithDefault(selectedOption.label->React.string)}
+        </span>
+        <span className="absolute inset-y-0 right-2 flex items-center">
+          <ReactIcons.FaAngleDown />
+        </span>
       </div>
     }}>
     <div className="py-2 pl-2 pr-1 max-h-[300px] overflow-y-scroll">

package/src/vendors/ReactIcons.res

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