@colisweb/rescript-toolkit 2.31.0 → 2.33.0

package/package.json

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

package/src/primitives/Toolkit__Primitives.res

@@ -52,6 +52,8 @@ module Array = {
   let tail = array => array->Array.get(array->Array.length - 1)
   let tailExn = array => array->Array.getExn(array->Array.length - 1)
   let isLastIndex = (array, index) => array->Array.length - 1 == index
+
+  let flatten = array => array->Array.reduce([], (acc, value) => acc->Array.concat(value))
 }
 
 module Result = {

package/src/ui/Toolkit__Ui_Alert.res

@@ -4,23 +4,36 @@ type status = [#success | #error | #warning | #info]
 let make = (~title, ~description=?, ~status, ~className=?) =>
   <div
     className={cx([
-      "py-2 px-4 flex items-center",
+      "py-2 px-4 flex items-center border rounded",
       switch status {
-      | #success => "bg-success-50"
-      | #error => "bg-danger-50"
-      | #warning => "bg-warning-50"
-      | #info => "bg-info-50"
+      | #success => "bg-success-50 border-success-500"
+      | #error => "bg-danger-50 border-danger-500"
+      | #warning => "bg-warning-50 border-warning-500"
+      | #info => "bg-info-50 border-info-500"
       },
       className->Option.getWithDefault(""),
     ])}>
     {switch status {
-    | #success => <BsReactIcons.MdCheckCircle size=28 className="text-success-500 flex-shrink-0" />
+    | #success => <BsReactIcons.MdCheckCircle size=28 className="text-success-600 flex-shrink-0" />
     | #error => <BsReactIcons.MdWarning size=28 className="text-danger-600 flex-shrink-0" />
-    | #warning => <BsReactIcons.MdWarning size=28 className="text-warning-500 flex-shrink-0" />
-    | #info => <BsReactIcons.MdInfoOutline size=28 className="text-info-500 flex-shrink-0" />
+    | #warning => <BsReactIcons.MdWarning size=28 className="text-warning-600 flex-shrink-0" />
+    | #info => <BsReactIcons.FaExclamationCircle size=28 className="text-info-600 flex-shrink-0" />
     }}
     <div className="mx-3">
-      <div className={description->Option.isSome ? "font-bold" : ""}> title </div>
+      <div
+        className={cx([
+          description->Option.isSome ? "font-bold" : "",
+          {
+            switch status {
+            | #success => "text-success-600"
+            | #error => "text-danger-600"
+            | #warning => "text-warning-600"
+            | #info => "text-info-600"
+            }
+          },
+        ])}>
+        title
+      </div>
       {description->Option.getWithDefault(React.null)}
     </div>
   </div>

package/src/ui/Toolkit__Ui_Table.res

@@ -98,14 +98,7 @@ module Core = {
 
                 <React.Fragment key={"tr" ++ index->Int.toString}>
                   <Toolkit__Ui_Spread props={row.getRowProps()}>
-                    <tr
-                      className={cx([
-                        "block even:bg-gray-200",
-                        {
-                          open Css
-                          style(list{height(5.5->rem)})
-                        },
-                      ])}>
+                    <tr className={"block even:bg-gray-200 min-h-[5.5rem]"}>
                       {row.cells
                       ->Array.mapWithIndex((index, cell) =>
                         <Toolkit__Ui_Spread