basefn 1.0.0

package/src/Eita__Drawer.res.mjs

@@ -0,0 +1,112 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Drawer.css'
+;
+
+function positionToString(position) {
+  switch (position) {
+    case "Left" :
+      return "left";
+    case "Right" :
+      return "right";
+    case "Top" :
+      return "top";
+    case "Bottom" :
+      return "bottom";
+  }
+}
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+  }
+}
+
+function Eita__Drawer(props) {
+  let footer = props.footer;
+  let children = props.children;
+  let __closeOnBackdrop = props.closeOnBackdrop;
+  let __showCloseButton = props.showCloseButton;
+  let title = props.title;
+  let __size = props.size;
+  let __position = props.position;
+  let onClose = props.onClose;
+  let isOpen = props.isOpen;
+  let position = __position !== undefined ? __position : "Right";
+  let size = __size !== undefined ? __size : "Md";
+  let showCloseButton = __showCloseButton !== undefined ? __showCloseButton : true;
+  let closeOnBackdrop = __closeOnBackdrop !== undefined ? __closeOnBackdrop : true;
+  let handleBackdropClick = evt => {
+    if (!closeOnBackdrop) {
+      return;
+    }
+    let target = evt.target;
+    let currentTarget = evt.currentTarget;
+    if (target === currentTarget) {
+      return onClose();
+    }
+  };
+  let getDrawerClass = () => {
+    let positionClass = "basefn-drawer--" + positionToString(position);
+    let sizeClass = "basefn-drawer--" + sizeToString(size);
+    return "basefn-drawer " + positionClass + " " + sizeClass;
+  };
+  return Xote.Component.signalFragment(Xote.Computed.make(() => {
+    if (Xote.Signal.get(isOpen)) {
+      return [Xote__JSX.jsxs(Xote__JSX.jsxFragment, {
+          children: Xote__JSX.array([
+            Xote__JSX.Elements.jsx("div", {
+              class: "basefn-drawer-backdrop",
+              onClick: handleBackdropClick
+            }),
+            Xote__JSX.Elements.jsxs("div", {
+              class: getDrawerClass(),
+              children: Xote__JSX.array([
+                title !== undefined ? Xote__JSX.Elements.jsxs("div", {
+                    class: "basefn-drawer__header",
+                    children: Xote__JSX.array([
+                      Xote__JSX.Elements.jsx("h2", {
+                        class: "basefn-drawer__title",
+                        children: Xote.Component.text(title)
+                      }),
+                      showCloseButton ? Xote__JSX.Elements.jsx("button", {
+                          class: "basefn-drawer__close",
+                          onClick: param => onClose(),
+                          children: Xote.Component.text("\u00d7")
+                        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                    ])
+                  }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+                Xote__JSX.Elements.jsx("div", {
+                  class: "basefn-drawer__body",
+                  children: children
+                }),
+                footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+                    class: "basefn-drawer__footer",
+                    children: footer
+                  }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+              ])
+            })
+          ])
+        })];
+    } else {
+      return [];
+    }
+  }, undefined));
+}
+
+let make = Eita__Drawer;
+
+export {
+  positionToString,
+  sizeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Dropdown.res.mjs

@@ -0,0 +1,96 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Dropdown.css'
+;
+
+function Eita__Dropdown(props) {
+  let __align = props.align;
+  let items = props.items;
+  let align = __align !== undefined ? __align : "left";
+  let isOpen = Xote.Signal.make(false, undefined, undefined);
+  let handleToggle = param => Xote.Signal.update(isOpen, prev => !prev);
+  let getMenuClass = () => {
+    let alignClass = align === "right" ? " basefn-dropdown__menu--right" : "";
+    return "basefn-dropdown__menu" + alignClass;
+  };
+  let menuContent = Xote.Computed.make(() => {
+    if (Xote.Signal.get(isOpen)) {
+      return [Xote__JSX.Elements.jsx("div", {
+          class: getMenuClass(),
+          children: Xote.Component.fragment(items.map((item, index) => {
+            if (typeof item !== "object") {
+              return Xote__JSX.Elements.jsxKeyed("div", {
+                class: "basefn-dropdown__separator"
+              }, index.toString(), undefined);
+            }
+            let match = item._0;
+            let disabled = match.disabled;
+            if (disabled !== undefined) {
+              let danger = match.danger;
+              if (danger !== undefined) {
+                let onClick = match.onClick;
+                let className = "basefn-dropdown__item" + (
+                  disabled ? " basefn-dropdown__item--disabled" : ""
+                ) + (
+                  danger ? " basefn-dropdown__item--danger" : ""
+                );
+                return Xote__JSX.Elements.jsxKeyed("button", {
+                  class: className,
+                  disabled: disabled,
+                  onClick: param => {
+                    if (disabled) {
+                      return;
+                    } else {
+                      onClick();
+                      return Xote.Signal.set(isOpen, false);
+                    }
+                  },
+                  children: Xote.Component.text(match.label)
+                }, index.toString(), undefined);
+              }
+              throw {
+                RE_EXN_ID: "Match_failure",
+                _1: [
+                  "Eita__Dropdown.res",
+                  53,
+                  12
+                ],
+                Error: new Error()
+              };
+            }
+            throw {
+              RE_EXN_ID: "Match_failure",
+              _1: [
+                "Eita__Dropdown.res",
+                53,
+                12
+              ],
+              Error: new Error()
+            };
+          }))
+        })];
+    } else {
+      return [];
+    }
+  }, undefined);
+  return Xote__JSX.Elements.jsxs("div", {
+    class: "basefn-dropdown",
+    children: Xote__JSX.array([
+      Xote__JSX.Elements.jsx("div", {
+        onClick: handleToggle,
+        children: props.trigger
+      }),
+      Xote.Component.signalFragment(menuContent)
+    ])
+  });
+}
+
+let make = Eita__Dropdown;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Grid.res.mjs

@@ -0,0 +1,24 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import "./Eita__Grid.css"
+;
+
+function Eita__Grid(props) {
+  let __gap = props.gap;
+  let gap = __gap !== undefined ? __gap : "0.5rem";
+  let style = "gap: " + gap + ";";
+  return Xote__JSX.Elements.jsx("div", {
+    class: "basefn-grid",
+    style: style,
+    children: props.children
+  });
+}
+
+let make = Eita__Grid;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Input.res.mjs

@@ -0,0 +1,54 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
+
+import './Eita__Input.css'
+;
+
+function inputTypeToString(type_) {
+  switch (type_) {
+    case "Text" :
+      return "text";
+    case "Email" :
+      return "email";
+    case "Password" :
+      return "password";
+    case "Number" :
+      return "number";
+    case "Tel" :
+      return "tel";
+    case "Url" :
+      return "url";
+    case "Search" :
+      return "search";
+    case "Date" :
+      return "date";
+    case "Time" :
+      return "time";
+  }
+}
+
+function Eita__Input(props) {
+  let __placeholder = props.placeholder;
+  let __type_ = props.type_;
+  let type_ = __type_ !== undefined ? __type_ : "Text";
+  let placeholder = __placeholder !== undefined ? __placeholder : "";
+  return Xote__JSX.Elements.jsx("input", {
+    class: "basefn-input",
+    type: inputTypeToString(type_),
+    name: Primitive_option.some(props.name),
+    value: props.value,
+    placeholder: placeholder,
+    disabled: false,
+    onInput: props.onInput
+  });
+}
+
+let make = Eita__Input;
+
+export {
+  inputTypeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Kbd.res.mjs

@@ -0,0 +1,42 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Kbd.css'
+;
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+  }
+}
+
+function Eita__Kbd(props) {
+  let __size = props.size;
+  let size = __size !== undefined ? __size : "Md";
+  let getClassName = () => {
+    let sizeClass = "basefn-kbd--" + sizeToString(size);
+    return "basefn-kbd " + sizeClass;
+  };
+  return Xote__JSX.Elements.jsx("kbd", {
+    class: getClassName(),
+    children: Xote.Component.list(props.keys, key => Xote__JSX.Elements.jsx("span", {
+      class: "basefn-kbd__key",
+      children: Xote.Component.text(key)
+    }))
+  });
+}
+
+let make = Eita__Kbd;
+
+export {
+  sizeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Label.res.mjs

@@ -0,0 +1,24 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Label.css'
+;
+
+function Eita__Label(props) {
+  let __required = props.required;
+  let required = __required !== undefined ? __required : false;
+  let base = "basefn-label";
+  return Xote__JSX.Elements.jsx("label", {
+    class: required ? base + " basefn-label--required" : base,
+    children: Xote.Component.text(props.text)
+  });
+}
+
+let make = Eita__Label;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Modal.res.mjs

@@ -0,0 +1,93 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Modal.css'
+;
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+    case "Xl" :
+      return "xl";
+  }
+}
+
+function Eita__Modal(props) {
+  let footer = props.footer;
+  let children = props.children;
+  let __showCloseButton = props.showCloseButton;
+  let __closeOnBackdrop = props.closeOnBackdrop;
+  let __size = props.size;
+  let title = props.title;
+  let onClose = props.onClose;
+  let isOpen = props.isOpen;
+  let size = __size !== undefined ? __size : "Md";
+  let closeOnBackdrop = __closeOnBackdrop !== undefined ? __closeOnBackdrop : true;
+  let showCloseButton = __showCloseButton !== undefined ? __showCloseButton : true;
+  let handleBackdropClick = evt => {
+    if (!closeOnBackdrop) {
+      return;
+    }
+    let target = evt.target;
+    let currentTarget = evt.currentTarget;
+    if (target === currentTarget) {
+      return onClose();
+    }
+  };
+  let getModalClass = () => {
+    let sizeClass = "basefn-modal--" + sizeToString(size);
+    return "basefn-modal " + sizeClass;
+  };
+  return Xote.Component.signalFragment(Xote.Computed.make(() => {
+    if (Xote.Signal.get(isOpen)) {
+      return [Xote__JSX.Elements.jsx("div", {
+          class: "basefn-modal-backdrop",
+          onClick: handleBackdropClick,
+          children: Xote__JSX.Elements.jsxs("div", {
+            class: getModalClass(),
+            children: Xote__JSX.array([
+              title !== undefined ? Xote__JSX.Elements.jsxs("div", {
+                  class: "basefn-modal__header",
+                  children: Xote__JSX.array([
+                    Xote__JSX.Elements.jsx("h2", {
+                      class: "basefn-modal__title",
+                      children: Xote.Component.text(title)
+                    }),
+                    showCloseButton ? Xote__JSX.Elements.jsx("button", {
+                        class: "basefn-modal__close",
+                        onClick: param => onClose(),
+                        children: Xote.Component.text("\u00d7")
+                      }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                  ])
+                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+              Xote__JSX.Elements.jsx("div", {
+                class: "basefn-modal__body",
+                children: children
+              }),
+              footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+                  class: "basefn-modal__footer",
+                  children: footer
+                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+            ])
+          })
+        })];
+    } else {
+      return [];
+    }
+  }, undefined));
+}
+
+let make = Eita__Modal;
+
+export {
+  sizeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Progress.res.mjs

@@ -0,0 +1,101 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
+
+import './Eita__Progress.css'
+;
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+  }
+}
+
+function variantToString(variant) {
+  switch (variant) {
+    case "Default" :
+      return "default";
+    case "Primary" :
+      return "primary";
+    case "Success" :
+      return "success";
+    case "Warning" :
+      return "warning";
+    case "Error" :
+      return "error";
+  }
+}
+
+function Eita__Progress(props) {
+  let __indeterminate = props.indeterminate;
+  let label = props.label;
+  let __showLabel = props.showLabel;
+  let __variant = props.variant;
+  let __size = props.size;
+  let __max = props.max;
+  let value = props.value;
+  let max = __max !== undefined ? __max : 100.0;
+  let size = __size !== undefined ? __size : "Md";
+  let variant = __variant !== undefined ? __variant : "Primary";
+  let showLabel = __showLabel !== undefined ? __showLabel : false;
+  let indeterminate = __indeterminate !== undefined ? __indeterminate : false;
+  let getProgressClass = () => {
+    let sizeClass = "basefn-progress--" + sizeToString(size);
+    return "basefn-progress " + sizeClass;
+  };
+  let getBarClass = () => {
+    let variantClass = "basefn-progress__bar--" + variantToString(variant);
+    let animatedClass = indeterminate ? " basefn-progress__bar--animated" : "";
+    return "basefn-progress__bar " + variantClass + animatedClass;
+  };
+  let getPercentage = () => {
+    let currentValue = Xote.Signal.get(value);
+    let percent = currentValue / max * 100.0;
+    let clamped = percent > 100.0 ? 100.0 : (
+        percent < 0.0 ? 0.0 : percent
+      );
+    return clamped.toString();
+  };
+  return Xote__JSX.jsxs(Xote__JSX.jsxFragment, {
+    children: Xote__JSX.array([
+      Xote__JSX.Elements.jsx("div", {
+        class: getProgressClass(),
+        children: Xote__JSX.Elements.jsx("div", {
+          class: getBarClass(),
+          style: Xote.Computed.make(() => {
+            if (indeterminate) {
+              return "width: 30%";
+            } else {
+              return "width: " + getPercentage() + "%";
+            }
+          }, undefined)
+        })
+      }),
+      showLabel || Core__Option.isSome(label) ? Xote__JSX.Elements.jsxs("div", {
+          class: "basefn-progress__label",
+          children: Xote__JSX.array([
+            Xote__JSX.Elements.jsx("span", {
+              children: Xote.Component.text(label !== undefined ? label : "Progress")
+            }),
+            indeterminate ? Xote__JSX.jsx(Xote__JSX.jsxFragment, {}) : Xote.Component.textSignal(() => getPercentage() + "%")
+          ])
+        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+    ])
+  });
+}
+
+let make = Eita__Progress;
+
+export {
+  sizeToString,
+  variantToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Radio.res.mjs

@@ -0,0 +1,38 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Radio.css'
+;
+
+function Eita__Radio(props) {
+  let __disabled = props.disabled;
+  let disabled = __disabled !== undefined ? __disabled : false;
+  let base = "basefn-radio-wrapper";
+  return Xote__JSX.Elements.jsxs("label", {
+    class: disabled ? base + " basefn-radio-wrapper--disabled" : base,
+    children: Xote__JSX.array([
+      Xote__JSX.Elements.jsx("input", {
+        class: "basefn-radio-input",
+        type: "radio",
+        name: props.name,
+        value: props.value,
+        disabled: disabled,
+        checked: props.checked,
+        onChange: props.onChange
+      }),
+      Xote__JSX.Elements.jsx("span", {
+        class: "basefn-radio-label",
+        children: Xote.Component.text(props.label)
+      })
+    ])
+  });
+}
+
+let make = Eita__Radio;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Select.res.mjs

@@ -0,0 +1,40 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Select.css'
+;
+
+function Eita__Select(props) {
+  let __disabled = props.disabled;
+  let onChange = props.onChange;
+  let value = props.value;
+  let disabled = __disabled !== undefined ? __disabled : false;
+  let onChange$1 = e => {
+    let t = e.target;
+    let v = t.value;
+    Xote.Signal.set(value, v);
+    if (onChange !== undefined) {
+      return onChange(v);
+    }
+  };
+  return Xote__JSX.Elements.jsx("select", {
+    class: "basefn-select",
+    name: "test",
+    value: value,
+    disabled: disabled,
+    onChange: onChange$1,
+    children: Xote.Component.list(props.options, opt => Xote__JSX.Elements.jsx("option", {
+      value: opt.value,
+      children: Xote.Component.text(opt.label)
+    }))
+  });
+}
+
+let make = Eita__Select;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Separator.res.mjs

@@ -0,0 +1,70 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Separator.css'
+;
+
+function orientationToString(orientation) {
+  if (orientation === "Horizontal") {
+    return "horizontal";
+  } else {
+    return "vertical";
+  }
+}
+
+function variantToString(variant) {
+  switch (variant) {
+    case "Solid" :
+      return "solid";
+    case "Dashed" :
+      return "dashed";
+    case "Dotted" :
+      return "dotted";
+  }
+}
+
+function Eita__Separator(props) {
+  let label = props.label;
+  let __variant = props.variant;
+  let __orientation = props.orientation;
+  let orientation = __orientation !== undefined ? __orientation : "Horizontal";
+  let variant = __variant !== undefined ? __variant : "Solid";
+  let getClassName = () => {
+    let orientationClass = "basefn-separator--" + orientationToString(orientation);
+    let variantClass = "basefn-separator--" + variantToString(variant);
+    return "basefn-separator " + orientationClass + " " + variantClass;
+  };
+  if (label !== undefined) {
+    return Xote__JSX.Elements.jsxs("div", {
+      class: getClassName() + " basefn-separator--with-label",
+      children: Xote__JSX.array([
+        Xote__JSX.Elements.jsx("div", {
+          class: "basefn-separator__line"
+        }),
+        Xote__JSX.Elements.jsx("span", {
+          class: "basefn-separator__label",
+          children: Xote.Component.text(label)
+        }),
+        Xote__JSX.Elements.jsx("div", {
+          class: "basefn-separator__line"
+        })
+      ])
+    });
+  } else {
+    return Xote__JSX.Elements.jsx("div", {
+      class: getClassName(),
+      role: "separator"
+    });
+  }
+}
+
+let make = Eita__Separator;
+
+export {
+  orientationToString,
+  variantToString,
+  make,
+}
+/*  Not a pure module */