@colisweb/rescript-toolkit 2.9.0-mobile → 2.10.1

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

@@ -1,197 +0,0 @@
-
-
-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

@@ -1,93 +0,0 @@
-
-
-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

@@ -1,110 +0,0 @@
-
-
-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

@@ -1,117 +0,0 @@
-
-
-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

@@ -1,87 +0,0 @@
-
-
-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 */