@colisweb/rescript-toolkit 2.8.2 → 2.9.0-mobile

package/lib/es6_global/src/ui/Toolkit__Ui_Table.bs.js

@@ -0,0 +1,197 @@
+
+
+import * as Cx from "../../../../node_modules/rescript-classnames/lib/es6_global/src/Cx.bs.js";
+import * as Css from "../../../../node_modules/bs-css-emotion/lib/es6_global/src/Css.bs.js";
+import * as Curry from "../../../../node_modules/rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Belt_Array from "../../../../node_modules/rescript/lib/es6/belt_Array.js";
+import * as Belt_Option from "../../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as Md from "react-icons/md";
+import * as Toolkit__Ui_Button from "./Toolkit__Ui_Button.bs.js";
+import * as Toolkit__Ui_Select from "./Toolkit__Ui_Select.bs.js";
+import * as Toolkit__Ui_Spread from "./Toolkit__Ui_Spread.bs.js";
+import * as Toolkit__Ui_TextInput from "./Toolkit__Ui_TextInput.bs.js";
+
+function Toolkit__Ui_Table$Pagination(Props) {
+  var table = Props.table;
+  var classNameOpt = Props.className;
+  var className = classNameOpt !== undefined ? classNameOpt : "";
+  var pageCount = table.pageOptions.length;
+  return React.createElement("div", {
+              className: Cx.cx([
+                    className,
+                    "flex items-center"
+                  ])
+            }, React.createElement(Toolkit__Ui_Button.make, {
+                  onClick: (function (param) {
+                      return Curry._1(table.previousPage, undefined);
+                    }),
+                  disabled: !table.canPreviousPage,
+                  type_: "button",
+                  className: "rounded-r-none",
+                  children: "<"
+                }), React.createElement(Toolkit__Ui_Button.make, {
+                  onClick: (function (param) {
+                      return Curry._1(table.nextPage, undefined);
+                    }),
+                  disabled: !table.canNextPage,
+                  type_: "button",
+                  className: "rounded-l-none",
+                  children: ">"
+                }), React.createElement("div", {
+                  className: "mx-6"
+                }, String(table.state.pageIndex + 1 | 0) + (" / " + String(pageCount === 0 ? 1 : pageCount))), React.createElement("div", {
+                  className: "w-20"
+                }, React.createElement(Toolkit__Ui_Select.make, {
+                      options: Belt_Array.map([
+                            25,
+                            50,
+                            100
+                          ], (function (pageSize) {
+                              return [
+                                      String(pageSize),
+                                      String(pageSize),
+                                      true
+                                    ];
+                            })),
+                      onChange: (function (value) {
+                          return Curry._1(table.setPageSize, value);
+                        }),
+                      value: String(table.state.pageSize)
+                    })));
+}
+
+var Pagination = {
+  make: Toolkit__Ui_Table$Pagination
+};
+
+function Toolkit__Ui_Table$Core(Props) {
+  var table = Props.table;
+  var classNameOpt = Props.className;
+  var emptyMessage = Props.emptyMessage;
+  var additionalRow = Props.additionalRow;
+  var className = classNameOpt !== undefined ? classNameOpt : "";
+  var page = table.page;
+  return React.createElement("div", {
+              className: Cx.cx([
+                    className,
+                    "flex flex-auto w-full overflow-x-auto relative"
+                  ])
+            }, React.createElement(Toolkit__Ui_Spread.make, {
+                  props: Curry._1(table.getTableProps, undefined),
+                  children: React.createElement("table", {
+                        className: "border-b border-gray-300 w-full h-full"
+                      }, React.createElement("thead", {
+                            className: "block h-20"
+                          }, React.createElement("tr", {
+                                className: "flex"
+                              }, Belt_Array.mapWithIndex(table.headers, (function (index, column) {
+                                      if (column.isVisible) {
+                                        return React.createElement(Toolkit__Ui_Spread.make, {
+                                                    props: Curry._1(column.getHeaderProps, undefined),
+                                                    children: React.createElement("td", {
+                                                          key: "thead-thd" + String(index),
+                                                          className: "px-2 pt-2 border-b border-r border-gray-300 h-20"
+                                                        }, React.createElement(Toolkit__Ui_Spread.make, {
+                                                              props: Curry._1(column.getSortByToggleProps, undefined),
+                                                              children: React.createElement("div", {
+                                                                    className: "font-semibold text-sm mb-1 text-primary-800 pr-2 relative"
+                                                                  }, Curry._2(column.render, "header", undefined), column.isSorted ? Belt_Option.mapWithDefault(column.isSortedDesc, null, (function (v) {
+                                                                            return React.createElement("span", {
+                                                                                        className: "absolute right-0 top-0 mt-1"
+                                                                                      }, v ? React.createElement(Md.MdKeyboardArrowDown, {
+                                                                                              size: 18
+                                                                                            }) : React.createElement(Md.MdKeyboardArrowUp, {
+                                                                                              size: 18
+                                                                                            }));
+                                                                          })) : null)
+                                                            }), React.createElement(Toolkit__Ui_Spread.make, {
+                                                              props: Curry._1(column.getResizerProps, undefined),
+                                                              children: React.createElement("div", {
+                                                                    className: "resizer" + (
+                                                                      column.isResizing ? " isResizing" : ""
+                                                                    )
+                                                                  })
+                                                            }), Belt_Option.getWithDefault(Curry._2(column.render, "filterRender", undefined), null)),
+                                                    key: "thead-th" + String(index)
+                                                  });
+                                      } else {
+                                        return null;
+                                      }
+                                    })))), React.createElement("tbody", {
+                            className: "block relative"
+                          }, page.length !== 0 ? Belt_Array.mapWithIndex(page, (function (index, row) {
+                                    var match = row.original;
+                                    var data = match[1];
+                                    Curry._1(table.prepareRow, row);
+                                    return React.createElement(React.Fragment, {
+                                                children: null,
+                                                key: "tr" + String(index)
+                                              }, React.createElement(Toolkit__Ui_Spread.make, {
+                                                    props: Curry._1(row.getRowProps, undefined),
+                                                    children: React.createElement("tr", {
+                                                          className: Cx.cx([
+                                                                "block even:bg-gray-200",
+                                                                Curry._1(Css.style, {
+                                                                      hd: Css.height(Css.rem(5.5)),
+                                                                      tl: /* [] */0
+                                                                    })
+                                                              ])
+                                                        }, Belt_Array.mapWithIndex(row.cells, (function (index, cell) {
+                                                                return React.createElement(Toolkit__Ui_Spread.make, {
+                                                                            props: Curry._1(cell.getCellProps, undefined),
+                                                                            children: React.createElement("td", {
+                                                                                  key: "td" + String(index),
+                                                                                  className: "px-4 py-2"
+                                                                                }, Curry._2(cell.render, "cell", undefined)),
+                                                                            key: "spread-td" + String(index)
+                                                                          });
+                                                              })))
+                                                  }), Belt_Option.mapWithDefault(additionalRow, null, (function (cb) {
+                                                      return Curry._2(cb, row, data);
+                                                    })));
+                                  })) : React.createElement("tr", undefined, React.createElement("td", {
+                                      className: "p-4"
+                                    }, emptyMessage))))
+                }));
+}
+
+var Core = {
+  make: Toolkit__Ui_Table$Core
+};
+
+function Toolkit__Ui_Table$Filters$Text(Props) {
+  var setFilter = Props.setFilter;
+  var defaultValue = Props.defaultValue;
+  var id = Props.id;
+  var placeholder = Props.placeholder;
+  return React.createElement("div", undefined, React.createElement(Toolkit__Ui_TextInput.make, {
+                  id: id,
+                  value: Belt_Option.getWithDefault(defaultValue, ""),
+                  placeholder: placeholder,
+                  onChange: (function ($$event) {
+                      var value = $$event.target.value;
+                      if (value === "") {
+                        return Curry._1(setFilter, undefined);
+                      } else {
+                        return Curry._1(setFilter, value);
+                      }
+                    })
+                }));
+}
+
+var $$Text = {
+  make: Toolkit__Ui_Table$Filters$Text
+};
+
+var Filters = {
+  $$Text: $$Text
+};
+
+export {
+  Pagination ,
+  Core ,
+  Filters ,
+  
+}
+/* Css Not a pure module */

package/lib/es6_global/src/ui/Toolkit__Ui_Tag.bs.js

@@ -0,0 +1,93 @@
+
+
+import * as Cx from "../../../../node_modules/rescript-classnames/lib/es6_global/src/Cx.bs.js";
+import * as React from "react";
+import * as Belt_Option from "../../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as Toolkit__Ui_Tooltip from "./Toolkit__Ui_Tooltip.bs.js";
+
+function Toolkit__Ui_Tag(Props) {
+  var colorOpt = Props.color;
+  var sizeOpt = Props.size;
+  var classNameOpt = Props.className;
+  var variantOpt = Props.variant;
+  var tooltipLabel = Props.tooltipLabel;
+  var children = Props.children;
+  var color = colorOpt !== undefined ? colorOpt : "gray";
+  var size = sizeOpt !== undefined ? sizeOpt : "md";
+  var className = classNameOpt !== undefined ? classNameOpt : "";
+  var variant = variantOpt !== undefined ? variantOpt : "plain";
+  var sizeStyle = function (x) {
+    if (x === "md") {
+      return "text-sm leading-8 px-3";
+    } else if (x === "sm") {
+      return "text-xs leading-6 px-2";
+    } else if (x === "xs") {
+      return "text-xs leading-4 px-1";
+    } else {
+      return "text-base leading-10 px-4";
+    }
+  };
+  var colorStyle = function (c) {
+    if (variant === "outline") {
+      if (c === "info") {
+        return "border border-info-600 text-info-600";
+      } else if (c === "white") {
+        return "border border-white text-white";
+      } else if (c === "neutral") {
+        return "border text-neutral-600 border-neutral-600";
+      } else if (c === "primary") {
+        return "border border-primary-500 text-primary-500";
+      } else if (c === "warning") {
+        return "border text-warning-700 border-warning-700";
+      } else if (c === "danger") {
+        return "border border-danger-600 text-danger-600";
+      } else if (c === "black") {
+        return "border border-gray-900 text-gray-900";
+      } else if (c === "success") {
+        return "border text-success-700 border-success-700";
+      } else {
+        return "border border-gray-400 text-gray-700";
+      }
+    } else if (c === "info") {
+      return "bg-info-100 text-info-700";
+    } else if (c === "white") {
+      return "bg-white text-gray-900";
+    } else if (c === "neutral") {
+      return "bg-gray-100 text-neutral-600";
+    } else if (c === "primary") {
+      return "bg-primary-500 text-white";
+    } else if (c === "warning") {
+      return "bg-warning-50 text-warning-700";
+    } else if (c === "danger") {
+      return "bg-danger-600 text-white";
+    } else if (c === "black") {
+      return "bg-gray-900 text-white";
+    } else if (c === "success") {
+      return "bg-success-50 text-success-700 bg-opacity-50";
+    } else {
+      return "bg-gray-200 text-gray-800";
+    }
+  };
+  return React.createElement(Toolkit__Ui_Tooltip.make, {
+              label: Belt_Option.getWithDefault(tooltipLabel, null),
+              children: React.createElement("div", {
+                    className: Cx.cx([
+                          className,
+                          "inline-flex self-center rounded font-semibold max-w-xs",
+                          colorStyle(color),
+                          sizeStyle(size)
+                        ])
+                  }, React.createElement("span", {
+                        className: "truncate"
+                      }, children)),
+              canBeShowed: Belt_Option.isSome(tooltipLabel)
+            });
+}
+
+var make = Toolkit__Ui_Tag;
+
+export {
+  make ,
+  
+}
+/* react Not a pure module */

package/lib/es6_global/src/ui/Toolkit__Ui_TextInput.bs.js

@@ -0,0 +1,110 @@
+
+
+import * as Cx from "../../../../node_modules/rescript-classnames/lib/es6_global/src/Cx.bs.js";
+import * as React from "react";
+import * as Belt_Option from "../../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as Caml_option from "../../../../node_modules/rescript/lib/es6/caml_option.js";
+
+var make = React.forwardRef(function (Props, ref_) {
+      var id = Props.id;
+      var name = Props.name;
+      var value = Props.value;
+      var defaultValue = Props.defaultValue;
+      var placeholder = Props.placeholder;
+      var autoFocus = Props.autoFocus;
+      var autoComplete = Props.autoComplete;
+      var ariaControls = Props.ariaControls;
+      var ariaActivedescendant = Props.ariaActivedescendant;
+      var ariaLabelledby = Props.ariaLabelledby;
+      var disabled = Props.disabled;
+      var required = Props.required;
+      var type_ = Props.type_;
+      var step = Props.step;
+      var min = Props.min;
+      var max = Props.max;
+      var onBlur = Props.onBlur;
+      var onKeyDown = Props.onKeyDown;
+      var onChange = Props.onChange;
+      var isInvalid = Props.isInvalid;
+      var classNameOpt = Props.className;
+      var style = Props.style;
+      var className = classNameOpt !== undefined ? classNameOpt : "";
+      var tmp = {
+        className: Cx.cx([
+              className,
+              "appearance-none outline-none transition duration-150 ease-in-out block w-full bg-white text-gray-800 border rounded py-2 px-4 leading-tight focus:z30 relative disabled:bg-gray-200 disabled:text-gray-700",
+              Belt_Option.getWithDefault(isInvalid, false) ? "border-danger-500 shadow-danger-500" : ""
+            ]),
+        id: id
+      };
+      var tmp$1 = Belt_Option.map((ref_ == null) ? undefined : Caml_option.some(ref_), (function (prim) {
+              return prim;
+            }));
+      if (tmp$1 !== undefined) {
+        tmp.ref = Caml_option.valFromOption(tmp$1);
+      }
+      if (ariaActivedescendant !== undefined) {
+        tmp["aria-activedescendant"] = Caml_option.valFromOption(ariaActivedescendant);
+      }
+      if (ariaControls !== undefined) {
+        tmp["aria-controls"] = Caml_option.valFromOption(ariaControls);
+      }
+      if (ariaLabelledby !== undefined) {
+        tmp["aria-labelledby"] = Caml_option.valFromOption(ariaLabelledby);
+      }
+      if (defaultValue !== undefined) {
+        tmp.defaultValue = Caml_option.valFromOption(defaultValue);
+      }
+      if (style !== undefined) {
+        tmp.style = Caml_option.valFromOption(style);
+      }
+      if (autoComplete !== undefined) {
+        tmp.autoComplete = Caml_option.valFromOption(autoComplete);
+      }
+      if (autoFocus !== undefined) {
+        tmp.autoFocus = Caml_option.valFromOption(autoFocus);
+      }
+      if (disabled !== undefined) {
+        tmp.disabled = Caml_option.valFromOption(disabled);
+      }
+      if (max !== undefined) {
+        tmp.max = Caml_option.valFromOption(max);
+      }
+      if (min !== undefined) {
+        tmp.min = Caml_option.valFromOption(min);
+      }
+      if (name !== undefined) {
+        tmp.name = Caml_option.valFromOption(name);
+      }
+      if (placeholder !== undefined) {
+        tmp.placeholder = Caml_option.valFromOption(placeholder);
+      }
+      if (required !== undefined) {
+        tmp.required = Caml_option.valFromOption(required);
+      }
+      if (step !== undefined) {
+        tmp.step = Caml_option.valFromOption(step);
+      }
+      if (type_ !== undefined) {
+        tmp.type = Caml_option.valFromOption(type_);
+      }
+      if (value !== undefined) {
+        tmp.value = Caml_option.valFromOption(value);
+      }
+      if (onKeyDown !== undefined) {
+        tmp.onKeyDown = Caml_option.valFromOption(onKeyDown);
+      }
+      if (onBlur !== undefined) {
+        tmp.onBlur = Caml_option.valFromOption(onBlur);
+      }
+      if (onChange !== undefined) {
+        tmp.onChange = Caml_option.valFromOption(onChange);
+      }
+      return React.createElement("input", tmp);
+    });
+
+export {
+  make ,
+  
+}
+/* make Not a pure module */

package/lib/es6_global/src/ui/Toolkit__Ui_TextareaInput.bs.js

@@ -0,0 +1,117 @@
+
+
+import * as Cx from "../../../../node_modules/rescript-classnames/lib/es6_global/src/Cx.bs.js";
+import * as Curry from "../../../../node_modules/rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Belt_Option from "../../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as Caml_option from "../../../../node_modules/rescript/lib/es6/caml_option.js";
+
+var autoExpand = (function (field) {
+    field.style.height = 'inherit';
+
+    var computed = window.getComputedStyle(field);
+    var height = parseInt(computed.getPropertyValue('border-top-width'), 10)
+                + parseInt(computed.getPropertyValue('padding-top'), 10)
+                + field.scrollHeight
+                + parseInt(computed.getPropertyValue('padding-bottom'), 10)
+                + parseInt(computed.getPropertyValue('border-bottom-width'), 10);
+
+    field.style.height = height + 'px';
+  });
+
+var make = React.forwardRef(function (Props, ref_) {
+      var id = Props.id;
+      var name = Props.name;
+      var value = Props.value;
+      var variantOpt = Props.variant;
+      var defaultValue = Props.defaultValue;
+      var placeholder = Props.placeholder;
+      var autoFocus = Props.autoFocus;
+      var disabled = Props.disabled;
+      var required = Props.required;
+      var onBlur = Props.onBlur;
+      var onKeyDown = Props.onKeyDown;
+      var onChange = Props.onChange;
+      var isInvalid = Props.isInvalid;
+      var classNameOpt = Props.className;
+      var variant = variantOpt !== undefined ? variantOpt : "default";
+      var className = classNameOpt !== undefined ? classNameOpt : "";
+      var ownRef = React.useRef(null);
+      var textareaRef = (ref_ == null) ? ownRef : ref_;
+      React.useLayoutEffect((function () {
+              if (Belt_Option.isSome(Caml_option.nullable_to_opt(textareaRef.current))) {
+                Belt_Option.map(Caml_option.nullable_to_opt(textareaRef.current), autoExpand);
+              }
+              
+            }), [textareaRef]);
+      var onChange$1 = function ($$event) {
+        if (Belt_Option.isSome(Caml_option.nullable_to_opt(textareaRef.current))) {
+          setTimeout((function (param) {
+                  Belt_Option.map(Caml_option.nullable_to_opt(textareaRef.current), autoExpand);
+                  
+                }), 0);
+        }
+        Belt_Option.map(onChange, (function (onChange) {
+                return Curry._1(onChange, $$event);
+              }));
+        
+      };
+      var tmp = {
+        ref: (function (ref_) {
+            textareaRef.current = ref_;
+            
+          }),
+        className: Cx.cx([
+              className,
+              "appearance-none outline-none transition-all duration-150 ease-in-out block w-full bg-white text-gray-800 border rounded py-2 px-4 leading-normal focus:z30 relative disabled:bg-gray-200 disabled:text-gray-700",
+              variant === "code" ? "font-code" : "font-sans",
+              Belt_Option.getWithDefault(isInvalid, false) ? "border-danger-500 shadow-danger-500" : ""
+            ]),
+        id: id,
+        style: {
+          height: "auto",
+          maxHeight: "40vh",
+          minHeight: "38px",
+          resize: "none"
+        },
+        spellCheck: variant !== "code",
+        autoComplete: variant === "code" ? "off" : "on",
+        rows: 1,
+        onChange: onChange$1
+      };
+      if (defaultValue !== undefined) {
+        tmp.defaultValue = Caml_option.valFromOption(defaultValue);
+      }
+      if (autoFocus !== undefined) {
+        tmp.autoFocus = Caml_option.valFromOption(autoFocus);
+      }
+      if (disabled !== undefined) {
+        tmp.disabled = Caml_option.valFromOption(disabled);
+      }
+      if (name !== undefined) {
+        tmp.name = Caml_option.valFromOption(name);
+      }
+      if (placeholder !== undefined) {
+        tmp.placeholder = Caml_option.valFromOption(placeholder);
+      }
+      if (required !== undefined) {
+        tmp.required = Caml_option.valFromOption(required);
+      }
+      if (value !== undefined) {
+        tmp.value = Caml_option.valFromOption(value);
+      }
+      if (onKeyDown !== undefined) {
+        tmp.onKeyDown = Caml_option.valFromOption(onKeyDown);
+      }
+      if (onBlur !== undefined) {
+        tmp.onBlur = Caml_option.valFromOption(onBlur);
+      }
+      return React.createElement("textarea", tmp);
+    });
+
+export {
+  autoExpand ,
+  make ,
+  
+}
+/* make Not a pure module */

package/lib/es6_global/src/ui/Toolkit__Ui_Tooltip.bs.js

@@ -0,0 +1,87 @@
+
+
+import * as Cx from "../../../../node_modules/rescript-classnames/lib/es6_global/src/Cx.bs.js";
+import * as Css from "../../../../node_modules/bs-css-emotion/lib/es6_global/src/Css.bs.js";
+import * as Curry from "../../../../node_modules/rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Belt_Option from "../../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as Caml_option from "../../../../node_modules/rescript/lib/es6/caml_option.js";
+import Portal from "@reach/portal";
+import * as Tooltip from "@reach/tooltip";
+import * as Toolkit__Ui_Spread from "./Toolkit__Ui_Spread.bs.js";
+
+function centered(triggerRect, tooltipRect) {
+  var triggerCenter = triggerRect.left + (triggerRect.width / 2 | 0) | 0;
+  var left = triggerCenter - (tooltipRect.width / 2 | 0) | 0;
+  var maxLeft = (window.innerWidth - tooltipRect.width | 0) - 2 | 0;
+  return {
+          top: (triggerRect.bottom + 8 | 0) + window.scrollY | 0,
+          left: Math.min(maxLeft, Math.max(left, 2)) + window.scrollX | 0
+        };
+}
+
+function Toolkit__Ui_Tooltip(Props) {
+  var label = Props.label;
+  var children = Props.children;
+  var maxWidthOpt = Props.maxWidth;
+  var canBeShowedOpt = Props.canBeShowed;
+  var tooltipClassNameOpt = Props.tooltipClassName;
+  var triangleClassNameOpt = Props.triangleClassName;
+  var maxWidth = maxWidthOpt !== undefined ? maxWidthOpt : 250;
+  var canBeShowed = canBeShowedOpt !== undefined ? canBeShowedOpt : true;
+  var tooltipClassName = tooltipClassNameOpt !== undefined ? tooltipClassNameOpt : "";
+  var triangleClassName = triangleClassNameOpt !== undefined ? triangleClassNameOpt : "";
+  var match = Tooltip.useTooltip();
+  var tooltip = match[1];
+  var triggerRect = tooltip.triggerRect;
+  return React.createElement(React.Fragment, undefined, React.cloneElement(children, match[0]), tooltip.isVisible && canBeShowed ? React.createElement(Portal, {
+                    children: React.createElement("div", {
+                          className: Cx.cx([
+                                "absolute w-0 h-0 border-gray-800",
+                                triangleClassName,
+                                Curry._1(Css.style, {
+                                      hd: Css.unsafe("borderLeft", "10px solid transparent !important"),
+                                      tl: {
+                                        hd: Css.unsafe("borderRight", "10px solid transparent !important"),
+                                        tl: {
+                                          hd: Css.unsafe("borderBottom", "10px solid"),
+                                          tl: {
+                                            hd: Css.left(Css.px(Belt_Option.mapWithDefault((triggerRect == null) ? undefined : Caml_option.some(triggerRect), 0, (function (triggerRect) {
+                                                            return (triggerRect.left - 10 | 0) + (triggerRect.width / 2 | 0) | 0;
+                                                          })))),
+                                            tl: {
+                                              hd: Css.top(Css.px(Belt_Option.mapWithDefault((triggerRect == null) ? undefined : Caml_option.some(triggerRect), 0, (function (triggerRect) {
+                                                              return triggerRect.bottom + window.scrollY | 0;
+                                                            })))),
+                                              tl: /* [] */0
+                                            }
+                                          }
+                                        }
+                                      }
+                                    })
+                              ])
+                        })
+                  }) : null, canBeShowed ? React.createElement(Toolkit__Ui_Spread.make, {
+                    props: tooltip,
+                    children: React.createElement(Tooltip.TooltipPopup, {
+                          className: Cx.cx([
+                                "px-3 py-2 bg-gray-800 rounded text-white text-sm z-40 whitespace-pre-wrap",
+                                tooltipClassName,
+                                Curry._1(Css.style, {
+                                      hd: Css.maxWidth(Css.px(maxWidth)),
+                                      tl: /* [] */0
+                                    })
+                              ]),
+                          position: centered,
+                          label: label
+                        })
+                  }) : null);
+}
+
+var make = Toolkit__Ui_Tooltip;
+
+export {
+  make ,
+  
+}
+/* Css Not a pure module */