@colisweb/rescript-toolkit 2.8.2 → 2.9.0-mobile

package/lib/es6_global/src/vendors/reach-ui/ReachUi_MenuButton.bs.js

@@ -0,0 +1,64 @@
+
+
+import * as ReachUi_Utils from "./ReachUi_Utils.bs.js";
+
+var Menu = {};
+
+var MenuButton = {};
+
+var MenuList = {};
+
+var MenuPopover = {};
+
+var MenuItems = {};
+
+function makeProps(onSelect, onMouseUp, onKeyDown, as_, style, className, children, param) {
+  return {
+          onSelect: onSelect,
+          onMouseUp: onMouseUp,
+          onKeyDown: onKeyDown,
+          as: as_,
+          style: style,
+          className: className,
+          children: children
+        };
+}
+
+var MenuItem = {
+  makeProps: makeProps
+};
+
+function makeProps$1(onSelect, onMouseUp, onKeyDown, as_, href, style, className, children, param) {
+  return {
+          onSelect: onSelect,
+          as: as_,
+          onMouseUp: onMouseUp,
+          onKeyDown: onKeyDown,
+          href: href,
+          style: style,
+          className: className,
+          children: children
+        };
+}
+
+var MenuLink = {
+  makeProps: makeProps$1
+};
+
+var dom = ReachUi_Utils.dom;
+
+var component = ReachUi_Utils.component;
+
+export {
+  dom ,
+  component ,
+  Menu ,
+  MenuButton ,
+  MenuList ,
+  MenuPopover ,
+  MenuItems ,
+  MenuItem ,
+  MenuLink ,
+  
+}
+/* No side effect */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_Popover.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_Portal.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_Tabs.bs.js

@@ -0,0 +1,32 @@
+
+
+import * as ReachUi_Utils from "./ReachUi_Utils.bs.js";
+
+var Tabs = {};
+
+var TabsRender = {};
+
+var TabList = {};
+
+var TabPanels = {};
+
+var TabPanel = {};
+
+var Tab = {};
+
+var dom = ReachUi_Utils.dom;
+
+var component = ReachUi_Utils.component;
+
+export {
+  dom ,
+  component ,
+  Tabs ,
+  TabsRender ,
+  TabList ,
+  TabPanels ,
+  TabPanel ,
+  Tab ,
+  
+}
+/* No side effect */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_Tooltip.bs.js

@@ -0,0 +1,13 @@
+
+
+
+var Tooltip = {};
+
+var TooltipPopup = {};
+
+export {
+  Tooltip ,
+  TooltipPopup ,
+  
+}
+/* No side effect */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_Utils.bs.js

@@ -0,0 +1,17 @@
+
+
+
+function dom(v) {
+  return v;
+}
+
+function component(v) {
+  return v;
+}
+
+export {
+  dom ,
+  component ,
+  
+}
+/* No side effect */

package/lib/es6_global/src/vendors/reach-ui/ReachUi_VisuallyHidden.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

package/lib/es6_global/stories/Storybook.bs.js

@@ -0,0 +1,110 @@
+
+
+import * as React from "react";
+import * as Belt_List from "../../../node_modules/rescript/lib/es6/belt_List.js";
+import * as Belt_Option from "../../../node_modules/rescript/lib/es6/belt_Option.js";
+import * as React$1 from "@storybook/react";
+import * as Js_null_undefined from "../../../node_modules/rescript/lib/es6/js_null_undefined.js";
+import CodeBlockJs from "../../../.storybook/CodeBlock.js";
+
+function createStory(title, decorators, _module, param) {
+  var story = React$1.storiesOf(title, _module);
+  Belt_List.forEach(decorators, (function (dec) {
+          story.addDecorator(dec);
+          
+        }));
+  return {
+          add: (function (name, c) {
+              story.add(name, c);
+              
+            })
+        };
+}
+
+var Main = {
+  createStory: createStory
+};
+
+var Story = {};
+
+var bsExports = ["$$default"];
+
+function make(title, component, decorators, parameters, includeStories, excludeStories, param) {
+  return {
+          title: title,
+          component: Js_null_undefined.fromOption(component),
+          decorators: Js_null_undefined.fromOption(decorators),
+          parameters: Js_null_undefined.fromOption(parameters),
+          includeStories: Js_null_undefined.fromOption(includeStories),
+          excludeStories: Belt_Option.mapWithDefault(excludeStories, bsExports, (function (es) {
+                  return es.concat(bsExports);
+                }))
+        };
+}
+
+function addMeta(csfStory, name, decorators, parameters, param) {
+  csfStory.story = {
+    name: Js_null_undefined.fromOption(name),
+    decorators: Js_null_undefined.fromOption(decorators),
+    parameters: Js_null_undefined.fromOption(parameters)
+  };
+  
+}
+
+var CSF = {
+  bsExports: bsExports,
+  make: make,
+  addMeta: addMeta
+};
+
+var Knobs = {};
+
+var Title = {};
+
+var Subtitle = {};
+
+var Description = {};
+
+var Story$1 = {};
+
+var Source = {};
+
+function Storybook$Docs$Link(Props) {
+  var href = Props.href;
+  var children = Props.children;
+  return React.createElement("a", {
+              className: "text-info-500 underline hover:text-info-400",
+              href: href,
+              target: "_blank"
+            }, children);
+}
+
+var Link = {
+  make: Storybook$Docs$Link
+};
+
+var Docs = {
+  Title: Title,
+  Subtitle: Subtitle,
+  Description: Description,
+  Story: Story$1,
+  Source: Source,
+  Link: Link
+};
+
+var make$1 = CodeBlockJs;
+
+var CodeBlock = {
+  make: make$1
+};
+
+export {
+  Main ,
+  Story ,
+  CSF ,
+  Knobs ,
+  Docs ,
+  CodeBlock ,
+  
+}
+/* make Not a pure module */

package/lib/es6_global/stories/Toolkit__Hooks_ClipboardStory.bs.js

@@ -0,0 +1,42 @@
+
+
+import * as Curry from "../../../node_modules/rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Storybook from "./Storybook.bs.js";
+import * as Toolkit__Hooks from "../src/hooks/Toolkit__Hooks.bs.js";
+import * as Toolkit__Ui_Button from "../src/ui/Toolkit__Ui_Button.bs.js";
+import * as Toolkit__Ui_Snackbar from "../src/ui/Toolkit__Ui_Snackbar.bs.js";
+import * as Blocks from "@storybook/addon-docs/blocks";
+
+var $$default = Storybook.CSF.make("Hooks/useClipboard", undefined, undefined, undefined, undefined, undefined, undefined);
+
+function useClipboard(param) {
+  var clipboard = Toolkit__Hooks.useClipboard("Copied !", "copied content");
+  return React.createElement(React.Fragment, undefined, React.createElement(Toolkit__Ui_Snackbar.Provider.make, {}), React.createElement(Toolkit__Ui_Button.make, {
+                  onClick: (function (param) {
+                      return Curry._1(clipboard.copy, undefined);
+                    }),
+                  children: "Copy"
+                }));
+}
+
+Storybook.CSF.addMeta(useClipboard, "example", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\nlet clipboard =\n  Toolkit.Hooks.useClipboard(\n    ~onCopyNotificationMessage=\"Copied !\",\n    \"copied content\",\n  );\n\n<>\n  <Toolkit.Ui.Snackbar.Provider />\n  <Toolkit.Ui.Button onClick={_ => clipboard.copy()}>\n    \"Copy\"->React.string\n  </Toolkit.Ui.Button>\n</>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "hooks-useclipboard--use-clipboard"
+                          }));
+          })
+      }
+    }, undefined);
+
+export {
+  $$default ,
+  $$default as default,
+  useClipboard ,
+  
+}
+/* default Not a pure module */

package/lib/es6_global/stories/Toolkit__Hooks_DisclosureStory.bs.js

@@ -0,0 +1,55 @@
+
+
+import * as Curry from "../../../node_modules/rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Storybook from "./Storybook.bs.js";
+import * as Toolkit__Hooks from "../src/hooks/Toolkit__Hooks.bs.js";
+import * as Toolkit__Ui_Button from "../src/ui/Toolkit__Ui_Button.bs.js";
+import * as Blocks from "@storybook/addon-docs/blocks";
+
+var $$default = Storybook.CSF.make("Hooks/useDisclosure", undefined, undefined, undefined, undefined, undefined, undefined);
+
+function useDisclosure(param) {
+  var disclosure = Toolkit__Hooks.useDisclosure(undefined, undefined);
+  return React.createElement("div", {
+              className: "grid grid-cols-2 gap-4 w-64"
+            }, React.createElement("div", {
+                  className: "grid grid-rows-3 gap-4"
+                }, React.createElement(Toolkit__Ui_Button.make, {
+                      onClick: (function (param) {
+                          return Curry._1(disclosure.toggle, undefined);
+                        }),
+                      children: "Toggle"
+                    }), React.createElement(Toolkit__Ui_Button.make, {
+                      onClick: (function (param) {
+                          return Curry._1(disclosure.show, undefined);
+                        }),
+                      children: "Show"
+                    }), React.createElement(Toolkit__Ui_Button.make, {
+                      onClick: (function (param) {
+                          return Curry._1(disclosure.hide, undefined);
+                        }),
+                      children: "Hide"
+                    })), React.createElement("p", undefined, disclosure.isOpen ? "Visible" : "hidden"));
+}
+
+Storybook.CSF.addMeta(useDisclosure, "example", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\nlet disclosure = Toolkit.Hooks.useDisclosure();\n\n<div className=\"grid grid-cols-2 gap-4 w-64\">\n  <div className=\"grid grid-rows-3 gap-4\">\n    <Toolkit.Ui.Button onClick={_ => disclosure.toggle()}>\n      \"Toggle\"->React.string\n    </Toolkit.Ui.Button>\n    <Toolkit.Ui.Button onClick={_ => disclosure.show()}>\n      \"Show\"->React.string\n    </Toolkit.Ui.Button>\n    <Toolkit.Ui.Button onClick={_ => disclosure.hide()}>\n      \"Hide\"->React.string\n    </Toolkit.Ui.Button>\n  </div>\n  <p> (disclosure.isOpen ? \"Visible\" : \"hidden\")->React.string </p>\n</div>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "hooks-usedisclosure--use-disclosure"
+                          }));
+          })
+      }
+    }, undefined);
+
+export {
+  $$default ,
+  $$default as default,
+  useDisclosure ,
+  
+}
+/* default Not a pure module */

package/lib/es6_global/stories/Toolkit__UI_AccordionStory.bs.js

@@ -0,0 +1,47 @@
+
+
+import * as React from "react";
+import * as Md from "react-icons/md";
+import * as Accordion from "@reach/accordion";
+import * as React$1 from "@storybook/react";
+import * as AddonKnobs from "@storybook/addon-knobs";
+
+var _module = module;
+
+function Toolkit__UI_AccordionStory$Example(Props) {
+  return React.createElement("div", undefined, React.createElement(Accordion.Accordion, {
+                  children: null
+                }, React.createElement(Accordion.AccordionItem, {
+                      children: null
+                    }, "title", React.createElement(Accordion.AccordionButton, {
+                          children: React.createElement("span", {
+                                className: "cw-accordion-icon"
+                              }, React.createElement(Md.MdKeyboardArrowRight, {}))
+                        }), React.createElement(Accordion.AccordionPanel, {
+                          children: "content"
+                        })), React.createElement(Accordion.AccordionItem, {
+                      children: null
+                    }, React.createElement(Accordion.AccordionButton, {
+                          className: "flex items-center",
+                          children: null
+                        }, "title", React.createElement("span", {
+                              className: "cw-accordion-icon"
+                            }, React.createElement(Md.MdKeyboardArrowRight, {}))), React.createElement(Accordion.AccordionPanel, {
+                          children: "content"
+                        }))));
+}
+
+var Example = {
+  make: Toolkit__UI_AccordionStory$Example
+};
+
+React$1.storiesOf("Components/Accordion", _module).addDecorator(AddonKnobs.withKnobs).add("default", (function (param) {
+        return React.createElement(Toolkit__UI_AccordionStory$Example, {});
+      }));
+
+export {
+  _module ,
+  Example ,
+  
+}
+/* _module Not a pure module */

package/lib/es6_global/stories/Toolkit__UI_AlertStory.bs.js

@@ -0,0 +1,112 @@
+
+
+import * as React from "react";
+import * as Storybook from "./Storybook.bs.js";
+import * as Toolkit__Ui_Alert from "../src/ui/Toolkit__Ui_Alert.bs.js";
+import * as Blocks from "@storybook/addon-docs/blocks";
+import Toolkit__Ui_AlertResi from "!!raw-loader!../../../src/ui/Toolkit__Ui_Alert.resi";
+
+var $$default = Storybook.CSF.make("Components/Alert", undefined, undefined, undefined, undefined, undefined, undefined);
+
+function success(param) {
+  return React.createElement(Toolkit__Ui_Alert.make, {
+              title: "Title",
+              description: "Description",
+              status: "success"
+            });
+}
+
+Storybook.CSF.addMeta(success, "success", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_AlertResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n            <Alert\n    title={\"Title\"->React.string}\n    description={\"Description\"->React.string}\n    status=#success\n  />;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-alert--success"
+                          }));
+          })
+      }
+    }, undefined);
+
+function error(param) {
+  return React.createElement(Toolkit__Ui_Alert.make, {
+              title: "Title",
+              description: "Description",
+              status: "error"
+            });
+}
+
+Storybook.CSF.addMeta(error, "error", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_AlertResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n            <Alert\n    title={\"Title\"->React.string}\n    description={\"Description\"->React.string}\n    status=#error\n  />;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-alert--error"
+                          }));
+          })
+      }
+    }, undefined);
+
+function warning(param) {
+  return React.createElement(Toolkit__Ui_Alert.make, {
+              title: "Title",
+              description: "Description",
+              status: "warning"
+            });
+}
+
+Storybook.CSF.addMeta(warning, "warning", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_AlertResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n            <Alert\n  title={\"Title\"->React.string}\n  description={\"Description\"->React.string}\n  status=#warning\n/>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-alert--warning"
+                          }));
+          })
+      }
+    }, undefined);
+
+function info(param) {
+  return React.createElement(Toolkit__Ui_Alert.make, {
+              title: "Title",
+              description: "Description",
+              status: "info"
+            });
+}
+
+Storybook.CSF.addMeta(info, "info", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_AlertResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n            <Alert\n  title={\"Title\"->React.string}\n  description={\"Description\"->React.string}\n  status=#info\n/>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-alert--info"
+                          }));
+          })
+      }
+    }, undefined);
+
+export {
+  $$default ,
+  $$default as default,
+  success ,
+  error ,
+  warning ,
+  info ,
+  
+}
+/* default Not a pure module */

package/lib/es6_global/stories/Toolkit__UI_CardStory.bs.js

@@ -0,0 +1,97 @@
+
+
+import * as React from "react";
+import * as Storybook from "./Storybook.bs.js";
+import * as Toolkit__Ui_Card from "../src/ui/Toolkit__Ui_Card.bs.js";
+import * as Toolkit__Ui_Button from "../src/ui/Toolkit__Ui_Button.bs.js";
+import * as Toolkit__Ui_Snackbar from "../src/ui/Toolkit__Ui_Snackbar.bs.js";
+import * as Blocks from "@storybook/addon-docs/blocks";
+import Toolkit__Ui_CardResi from "!!raw-loader!../../../src/ui/Toolkit__Ui_Card.resi";
+
+var $$default = Storybook.CSF.make("Components/Card", undefined, undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_CardResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n            <Card>\n  <Card.Header> \"title\"->React.string </Card.Header>\n  <Card.Body> body </Card.Body>\n</Card>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-card--default"
+                          }), React.createElement("hr", undefined), React.createElement("h2", undefined, "Custom"), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n              <Card>\n  <Card.Header size=#sm>\n    \"title\"->React.string\n    <Button> \"Action\"->React.string </Button>\n  </Card.Header>\n  <Card.Body> body </Card.Body>\n</Card>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-card--custom"
+                          }));
+          })
+      }
+    }, undefined, undefined, undefined);
+
+function defaultPalette(param) {
+  return React.createElement(Toolkit__Ui_Card.make, {
+              children: null
+            }, React.createElement(Toolkit__Ui_Card.Header.make, {
+                  children: "title"
+                }), React.createElement(Toolkit__Ui_Card.Body.make, {
+                  children: "\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu pretium leo. Phasellus imperdiet, tellus sit amet egestas varius,\n        nisl est viverra lorem, in porttitor est diam id quam. Phasellus dapibus, est in malesuada tristique, eros ipsum interdum sapien,\n        vitae auctor sapien magna sit amet justo. Nunc commodo sapien non tincidunt posuere. Nulla maximus porta tellus, vitae pulvinar\n        velit cursus a. Nam egestas eget est nec vestibulum. Mauris porta urna eget ultrices consectetur. Phasellus ultricies erat nec\n        tellus dapibus pulvinar. Nullam at odio ultrices, feugiat dolor a, vulputate ex. In hac habitasse platea dictumst. Maecenas ut sagittis eros.\n        Cras sit amet urna maximus, congue nulla a, rutrum leo. Maecenas semper aliquet sapien convallis eleifend.\n      "
+                }));
+}
+
+Storybook.CSF.addMeta(defaultPalette, "default", undefined, undefined, undefined);
+
+function custom(param) {
+  return React.createElement(Toolkit__Ui_Card.make, {
+              children: null
+            }, React.createElement(Toolkit__Ui_Card.Header.make, {
+                  children: null
+                }, "title", React.createElement(Toolkit__Ui_Button.make, {
+                      children: "Action"
+                    })), React.createElement(Toolkit__Ui_Card.FixedBody.make, {
+                  children: "\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu pretium leo. Phasellus imperdiet, tellus sit amet egestas varius,\n        nisl est viverra lorem, in porttitor est diam id quam. Phasellus dapibus, est in malesuada tristique, eros ipsum interdum sapien,\n        vitae auctor sapien magna sit amet justo. Nunc commodo sapien non tincidunt posuere. Nulla maximus porta tellus, vitae pulvinar\n        velit cursus a. Nam egestas eget est nec vestibulum. Mauris porta urna eget ultrices consectetur. Phasellus ultricies erat nec\n        tellus dapibus pulvinar. Nullam at odio ultrices, feugiat dolor a, vulputate ex. In hac habitasse platea dictumst. Maecenas ut sagittis eros.\n        Cras sit amet urna maximus, congue nulla a, rutrum leo. Maecenas semper aliquet sapien convallis eleifend.\n      "
+                }));
+}
+
+Storybook.CSF.addMeta(custom, "custom", undefined, undefined, undefined);
+
+function withAction(param) {
+  return React.createElement(React.Fragment, undefined, React.createElement(Toolkit__Ui_Card.make, {
+                  children: null
+                }, React.createElement(Toolkit__Ui_Card.Header.make, {
+                      children: "title",
+                      action: {
+                        label: "Click me",
+                        event: (function (param) {
+                            Toolkit__Ui_Snackbar.show("Hello", undefined, undefined, "success", undefined, undefined);
+                            
+                          })
+                      }
+                    }), React.createElement(Toolkit__Ui_Card.Body.make, {
+                      children: "\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu pretium leo. Phasellus imperdiet, tellus sit amet egestas varius,\n        nisl est viverra lorem, in porttitor est diam id quam. Phasellus dapibus, est in malesuada tristique, eros ipsum interdum sapien,\n        vitae auctor sapien magna sit amet justo. Nunc commodo sapien non tincidunt posuere. Nulla maximus porta tellus, vitae pulvinar\n        velit cursus a. Nam egestas eget est nec vestibulum. Mauris porta urna eget ultrices consectetur. Phasellus ultricies erat nec\n        tellus dapibus pulvinar. Nullam at odio ultrices, feugiat dolor a, vulputate ex. In hac habitasse platea dictumst. Maecenas ut sagittis eros.\n        Cras sit amet urna maximus, congue nulla a, rutrum leo. Maecenas semper aliquet sapien convallis eleifend.\n      "
+                    })), React.createElement(Toolkit__Ui_Snackbar.Provider.make, {}));
+}
+
+Storybook.CSF.addMeta(withAction, "withAction", undefined, {
+      docs: {
+        page: (function (param) {
+            return React.createElement(React.Fragment, undefined, React.createElement(Storybook.CodeBlock.make, {
+                            children: Toolkit__Ui_CardResi
+                          }), React.createElement(Blocks.Source, {
+                            language: "rescript",
+                            code: "\n<>\n  <Card>\n    <Card.Header\n      size=#sm\n      action={\n        label: \"Click me\"->React.string,\n        event: () => Snackbar.show(~title=\"Hello\", ~variant=#success, ())->ignore,\n      }>\n      \"title\"->React.string\n    </Card.Header>\n    <Card.Body> body </Card.Body>\n  </Card>\n  <Snackbar.Provider />\n</>;\n          "
+                          }), React.createElement(Blocks.Story, {
+                            id: "components-card--with-action"
+                          }));
+          })
+      }
+    }, undefined);
+
+export {
+  $$default ,
+  $$default as default,
+  defaultPalette ,
+  custom ,
+  withAction ,
+  
+}
+/* default Not a pure module */