@colisweb/rescript-toolkit 2.9.0-mobile → 2.10.1

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

@@ -1,247 +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 Browser from "../vendors/Browser.bs.js";
-import * as Pervasives from "../../../../node_modules/rescript/lib/es6/pervasives.js";
-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 * as Toolkit__Hooks from "../hooks/Toolkit__Hooks.bs.js";
-import * as Md from "react-icons/md";
-import * as MenuButton from "@reach/menu-button";
-import * as ReachUi_MenuButton from "../vendors/reach-ui/ReachUi_MenuButton.bs.js";
-
-function Toolkit__Ui_Layout$Container(Props) {
-  var children = Props.children;
-  return React.createElement("div", {
-              className: "max-w-[1140px] mx-auto px-2 md:px-0 pb-6"
-            }, children);
-}
-
-var Container = {
-  make: Toolkit__Ui_Layout$Container
-};
-
-function Toolkit__Ui_Layout$Footer(Props) {
-  var hasSidebarOpt = Props.hasSidebar;
-  var classNameOpt = Props.className;
-  var children = Props.children;
-  var hasSidebar = hasSidebarOpt !== undefined ? hasSidebarOpt : false;
-  var className = classNameOpt !== undefined ? classNameOpt : "";
-  return React.createElement("footer", {
-              className: Cx.cx([
-                    className,
-                    "flex-none text-gray-600 text-center text-lg pt-4",
-                    hasSidebar ? "lg:ml-20" : ""
-                  ])
-            }, children !== undefined ? Caml_option.valFromOption(children) : "© Colisweb " + new Date().getFullYear().toString());
-}
-
-var Footer = {
-  make: Toolkit__Ui_Layout$Footer
-};
-
-var context = React.createContext(false);
-
-var provider = context.Provider;
-
-function Toolkit__Ui_Layout$NavOpenContext$Provider(Props) {
-  var value = Props.value;
-  var children = Props.children;
-  return React.createElement(provider, {
-              value: value,
-              children: children
-            });
-}
-
-var Provider = {
-  provider: provider,
-  make: Toolkit__Ui_Layout$NavOpenContext$Provider
-};
-
-var NavOpenContext = {
-  context: context,
-  Provider: Provider
-};
-
-var localStorageNavKey = "@colisweb/navOpen";
-
-function Toolkit__Ui_Layout$App$TopNavigationBar(Props) {
-  var toggleMenu = Props.toggleMenu;
-  var username = Props.username;
-  var onLogoClick = Props.onLogoClick;
-  var logout = Props.logout;
-  var logoutLabel = Props.logoutLabel;
-  return React.createElement("div", {
-              className: "bg-white h-16 border-b flex items-center px-1 justify-between fixed top-0 left-0 w-full z-40"
-            }, React.createElement("div", {
-                  className: "flex items-center px-1"
-                }, React.createElement("button", {
-                      className: "text-neutral-800 hover:bg-neutral-300 rounded-full p-2",
-                      onClick: toggleMenu
-                    }, React.createElement(Md.MdMenu, {
-                          size: 32
-                        })), React.createElement("a", {
-                      href: "#",
-                      onClick: (function ($$event) {
-                          $$event.preventDefault();
-                          return Curry._1(onLogoClick, undefined);
-                        })
-                    }, React.createElement("img", {
-                          className: "w-16 ml-4",
-                          alt: "Colisweb",
-                          src: "/assets/logo.svg"
-                        }))), React.createElement(MenuButton.Menu, {
-                  children: (function (param) {
-                      return React.createElement(React.Fragment, undefined, React.createElement(MenuButton.MenuButton, {
-                                      children: React.createElement("div", {
-                                            className: "flex items-center flex-col-gap-2 text-neutral-800"
-                                          }, React.createElement("span", {
-                                                className: "font-semibold"
-                                              }, username), React.createElement("div", undefined, React.createElement(Md.MdAccountCircle, {
-                                                    size: 28
-                                                  })), React.createElement("div", undefined, React.createElement(Md.MdKeyboardArrowDown, {
-                                                    size: 18
-                                                  })))
-                                    }), React.createElement(MenuButton.MenuList, {
-                                      className: "focus:outline-none focus:shadow-none bg-white z-50 shadow-lg rounded border py-2 ml-2 mt-2 w-48",
-                                      children: React.createElement(MenuButton.MenuItem, ReachUi_MenuButton.MenuItem.makeProps(logout, undefined, undefined, undefined, undefined, "text-lg py-2 px-4 flex items-center", logoutLabel, undefined))
-                                    }));
-                    })
-                }));
-}
-
-var TopNavigationBar = {
-  make: Toolkit__Ui_Layout$App$TopNavigationBar
-};
-
-function Toolkit__Ui_Layout$App$LeftNavigationBar(Props) {
-  var isNavOpen = Props.isNavOpen;
-  var bottom = Props.bottom;
-  var hideMenu = Props.hideMenu;
-  var children = Props.children;
-  var openMenu = Props.openMenu;
-  var match = Toolkit__Hooks.useMediaQuery(undefined);
-  var isLg = match.isLg;
-  var onLinkClick = function (param) {
-    if (isLg) {
-      return ;
-    } else {
-      return Curry._1(hideMenu, undefined);
-    }
-  };
-  return React.createElement(React.Fragment, undefined, React.createElement("nav", {
-                  className: Cx.cx([
-                        "sidenav",
-                        "lg:flex border-r px-2 py-3 fixed flex-col bg-white justify-between transition-all duration-300 ease-in-out z-40",
-                        isNavOpen ? "w-64 overflow-y-auto" : "w-16 hidden sidenav--closed"
-                      ])
-                }, Curry._1(children, {
-                      onLinkClick: onLinkClick,
-                      isNavOpen: isNavOpen,
-                      openMenu: openMenu
-                    }), Belt_Option.mapWithDefault(bottom, null, (function (content) {
-                        return React.createElement("div", {
-                                    className: isNavOpen ? "" : "overflow-hidden"
-                                  }, React.createElement("div", {
-                                        className: Cx.cx([
-                                              "flex flex-col justify-end transition-all duration-300 ease-in-out w-[14.75rem]",
-                                              isNavOpen ? "opacity-100" : "opacity-0"
-                                            ])
-                                      }, content));
-                      }))), isNavOpen && !isLg ? React.createElement("div", {
-                    className: "bg-neutral-700 opacity-75 fixed top-0 left-0 w-full h-full z-30 cursor-pointer",
-                    onClick: (function (param) {
-                        return Curry._1(hideMenu, undefined);
-                      })
-                  }) : null);
-}
-
-var LeftNavigationBar = {
-  make: Toolkit__Ui_Layout$App$LeftNavigationBar
-};
-
-function Toolkit__Ui_Layout$App(Props) {
-  var classNameOpt = Props.className;
-  var children = Props.children;
-  var username = Props.username;
-  var sideNavRender = Props.sideNavRender;
-  var logout = Props.logout;
-  var logoutLabel = Props.logoutLabel;
-  var onLogoClick = Props.onLogoClick;
-  var bottom = Props.bottom;
-  var className = classNameOpt !== undefined ? classNameOpt : "";
-  var match = Toolkit__Hooks.useMediaQuery(undefined);
-  var isLg = match.isLg;
-  var match$1 = React.useState(function () {
-        return Belt_Option.getWithDefault(Belt_Option.flatMap(Belt_Option.flatMap(Caml_option.nullable_to_opt(Browser.LocalStorage.getItem(localStorageNavKey)), Pervasives.bool_of_string_opt), (function (isOpen) {
-                          if (isLg) {
-                            return isOpen;
-                          }
-                          
-                        })), false);
-      });
-  var setOpen = match$1[1];
-  var isNavOpen = match$1[0];
-  var toggleMenu = React.useCallback((function (param) {
-          return Curry._1(setOpen, (function (value) {
-                        var newValue = !value;
-                        Browser.LocalStorage.setItem(localStorageNavKey, Pervasives.string_of_bool(newValue));
-                        return newValue;
-                      }));
-        }), []);
-  var hideMenu = React.useCallback(function (param) {
-        return Curry._1(setOpen, (function (param) {
-                      return false;
-                    }));
-      });
-  var openMenu = React.useCallback(function (param) {
-        return Curry._1(setOpen, (function (param) {
-                      return true;
-                    }));
-      });
-  var tmp = {
-    isNavOpen: isNavOpen,
-    hideMenu: hideMenu,
-    children: sideNavRender,
-    openMenu: openMenu
-  };
-  if (bottom !== undefined) {
-    tmp.bottom = Caml_option.valFromOption(bottom);
-  }
-  return React.createElement(Toolkit__Ui_Layout$NavOpenContext$Provider, {
-              value: isNavOpen,
-              children: React.createElement("div", undefined, React.createElement(Toolkit__Ui_Layout$App$TopNavigationBar, {
-                        toggleMenu: toggleMenu,
-                        username: username,
-                        onLogoClick: onLogoClick,
-                        logout: logout,
-                        logoutLabel: logoutLabel
-                      }), React.createElement("div", {
-                        className: "flex"
-                      }, React.createElement(Toolkit__Ui_Layout$App$LeftNavigationBar, tmp), React.createElement("main", {
-                            className: Cx.cx([
-                                  className,
-                                  "flex-initial w-full transition-all duration-300 ease-in-out mt-16 z-20",
-                                  isNavOpen ? "navOpen lg:pl-64" : "lg:pl-16"
-                                ])
-                          }, children)))
-            });
-}
-
-var App = {
-  localStorageNavKey: localStorageNavKey,
-  TopNavigationBar: TopNavigationBar,
-  LeftNavigationBar: LeftNavigationBar,
-  make: Toolkit__Ui_Layout$App
-};
-
-export {
-  Container ,
-  Footer ,
-  NavOpenContext ,
-  App ,
-  
-}
-/* context Not a pure module */

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

@@ -1,238 +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 onClick = Props.onClick;
-      var isOpenOpt = Props.isOpen;
-      var classNameOpt = Props.className;
-      var children = Props.children;
-      var isOpen = isOpenOpt !== undefined ? isOpenOpt : false;
-      var className = classNameOpt !== undefined ? classNameOpt : "";
-      var tmp = {
-        className: Cx.cx([
-              className,
-              "absolute bg-white z-40 shadow-lg rounded",
-              isOpen ? "border py-2 mt-1" : ""
-            ])
-      };
-      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 (onClick !== undefined) {
-        tmp.onClick = Caml_option.valFromOption(onClick);
-      }
-      return React.createElement("div", tmp, children);
-    });
-
-var ListboxPopover = {
-  make: make
-};
-
-var make$1 = React.forwardRef(function (Props, ref_) {
-      var isOpenOpt = Props.isOpen;
-      var ariaLabelledby = Props.ariaLabelledby;
-      var ariaActivedescendant = Props.ariaActivedescendant;
-      var role = Props.role;
-      var id = Props.id;
-      var onMouseLeave = Props.onMouseLeave;
-      var onKeyDown = Props.onKeyDown;
-      var onBlur = Props.onBlur;
-      var tabIndex = Props.tabIndex;
-      var classNameOpt = Props.className;
-      var children = Props.children;
-      var isOpen = isOpenOpt !== undefined ? isOpenOpt : false;
-      var className = classNameOpt !== undefined ? classNameOpt : "";
-      var tmp = {
-        className: Cx.cx([
-              className,
-              "focus:outline-none focus:shadow-none max-h-sm overflow-y-auto"
-            ])
-      };
-      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 (ariaLabelledby !== undefined) {
-        tmp["aria-labelledby"] = Caml_option.valFromOption(ariaLabelledby);
-      }
-      if (id !== undefined) {
-        tmp.id = Caml_option.valFromOption(id);
-      }
-      if (role !== undefined) {
-        tmp.role = Caml_option.valFromOption(role);
-      }
-      if (tabIndex !== undefined) {
-        tmp.tabIndex = Caml_option.valFromOption(tabIndex);
-      }
-      if (onKeyDown !== undefined) {
-        tmp.onKeyDown = Caml_option.valFromOption(onKeyDown);
-      }
-      if (onBlur !== undefined) {
-        tmp.onBlur = Caml_option.valFromOption(onBlur);
-      }
-      if (onMouseLeave !== undefined) {
-        tmp.onMouseLeave = Caml_option.valFromOption(onMouseLeave);
-      }
-      return React.createElement("ul", tmp, isOpen ? children : null);
-    });
-
-var ListboxList = {
-  make: make$1
-};
-
-var make$2 = React.forwardRef(function (Props, ref_) {
-      var ariaSelected = Props.ariaSelected;
-      var id = Props.id;
-      var role = Props.role;
-      var onClick = Props.onClick;
-      var onMouseMove = Props.onMouseMove;
-      var onMouseDown = Props.onMouseDown;
-      var disabled = Props.disabled;
-      var isHighlighted = Props.isHighlighted;
-      var classNameOpt = Props.className;
-      var children = Props.children;
-      var className = classNameOpt !== undefined ? classNameOpt : "";
-      var tmp = {
-        className: Cx.cx([
-              className,
-              "py-2 px-4 flex items-center select-none transition duration-150 ease-in-out",
-              Belt_Option.getWithDefault(isHighlighted, false) ? "bg-gray-200" : "",
-              Belt_Option.getWithDefault(disabled, false) ? "text-gray-600" : ""
-            ])
-      };
-      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 (ariaSelected !== undefined) {
-        tmp["aria-selected"] = Caml_option.valFromOption(ariaSelected);
-      }
-      if (id !== undefined) {
-        tmp.id = Caml_option.valFromOption(id);
-      }
-      if (role !== undefined) {
-        tmp.role = Caml_option.valFromOption(role);
-      }
-      if (disabled !== undefined) {
-        tmp.disabled = Caml_option.valFromOption(disabled);
-      }
-      if (onClick !== undefined) {
-        tmp.onClick = Caml_option.valFromOption(onClick);
-      }
-      if (onMouseDown !== undefined) {
-        tmp.onMouseDown = Caml_option.valFromOption(onMouseDown);
-      }
-      if (onMouseMove !== undefined) {
-        tmp.onMouseMove = Caml_option.valFromOption(onMouseMove);
-      }
-      return React.createElement("li", tmp, children);
-    });
-
-var ListboxOption = {
-  make: make$2
-};
-
-var make$3 = React.forwardRef(function (Props, ref_) {
-      var classNameOpt = Props.className;
-      var children = Props.children;
-      var className = classNameOpt !== undefined ? classNameOpt : "";
-      var tmp = {
-        className: Cx.cx([
-              className,
-              "py-2 px-4 flex items-center select-none text-sm font-bold"
-            ]),
-        role: "group"
-      };
-      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);
-      }
-      return React.createElement("div", tmp, children);
-    });
-
-var ListboxGroupLabel = {
-  make: make$3
-};
-
-var make$4 = React.forwardRef(function (Props, ref_) {
-      var classNameOpt = Props.className;
-      var children = Props.children;
-      var className = classNameOpt !== undefined ? classNameOpt : "";
-      var tmp = {
-        className: Cx.cx([
-              className,
-              "py-2 px-4 flex items-center select-none"
-            ])
-      };
-      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);
-      }
-      return React.createElement("div", tmp, children);
-    });
-
-var ListboxLabel = {
-  make: make$4
-};
-
-function Toolkit__Ui_Listbox$ListboxDivider(Props) {
-  var classNameOpt = Props.className;
-  var className = classNameOpt !== undefined ? classNameOpt : "";
-  return React.createElement("div", {
-              className: Cx.cx([
-                    className,
-                    "pb-2 mb-2 border-b"
-                  ])
-            });
-}
-
-var ListboxDivider = {
-  make: Toolkit__Ui_Listbox$ListboxDivider
-};
-
-var Popover;
-
-var List;
-
-var $$Option;
-
-var Label;
-
-var GroupLabel;
-
-var Divider;
-
-export {
-  ListboxPopover ,
-  ListboxList ,
-  ListboxOption ,
-  ListboxGroupLabel ,
-  ListboxLabel ,
-  ListboxDivider ,
-  Popover ,
-  List ,
-  $$Option ,
-  Label ,
-  GroupLabel ,
-  Divider ,
-  
-}
-/* make Not a pure module */