basefn 1.0.0

package/src/Eita__Sidebar.res.mjs

@@ -0,0 +1,103 @@
+// 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__Sidebar.css'
+;
+
+function themeToString(theme) {
+  if (theme === "Dark") {
+    return "dark";
+  } else {
+    return "light";
+  }
+}
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+  }
+}
+
+function Eita__Sidebar(props) {
+  let __collapsed = props.collapsed;
+  let __size = props.size;
+  let __theme = props.theme;
+  let footer = props.footer;
+  let logo = props.logo;
+  let theme = __theme !== undefined ? __theme : "Dark";
+  let size = __size !== undefined ? __size : "Md";
+  let collapsed = __collapsed !== undefined ? __collapsed : false;
+  let getSidebarClass = () => {
+    let themeClass = theme === "Light" ? " basefn-sidebar--light" : "";
+    let sizeClass = " basefn-sidebar--" + sizeToString(size);
+    let collapsedClass = collapsed ? " basefn-sidebar--collapsed" : "";
+    return "basefn-sidebar" + themeClass + sizeClass + collapsedClass;
+  };
+  return Xote__JSX.Elements.jsxs("div", {
+    class: getSidebarClass(),
+    children: Xote__JSX.array([
+      logo !== undefined ? Xote__JSX.Elements.jsx("div", {
+          class: "basefn-sidebar__header",
+          children: Xote__JSX.Elements.jsx("div", {
+            class: "basefn-sidebar__logo",
+            children: logo
+          })
+        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+      Xote__JSX.Elements.jsx("nav", {
+        class: "basefn-sidebar__nav",
+        children: Xote.Component.fragment(props.sections.map(section => {
+          let title = section.title;
+          return Xote__JSX.Elements.jsxs("div", {
+            class: "basefn-sidebar__section",
+            children: Xote__JSX.array([
+              title !== undefined ? Xote__JSX.Elements.jsx("div", {
+                  class: "basefn-sidebar__section-title",
+                  children: Xote.Component.text(title)
+                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+              Xote.Component.fragment(section.items.map((item, index) => {
+                let itemClass = "basefn-sidebar__item" + (
+                  item.active ? " basefn-sidebar__item--active" : ""
+                );
+                let icon = item.icon;
+                return Xote__JSX.Elements.jsxsKeyed("div", {
+                  class: itemClass,
+                  onClick: param => item.onClick(),
+                  children: Xote__JSX.array([
+                    icon !== undefined ? Xote__JSX.Elements.jsx("div", {
+                        class: "basefn-sidebar__item-icon",
+                        children: Xote.Component.text(icon)
+                      }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+                    Xote__JSX.Elements.jsx("div", {
+                      class: "basefn-sidebar__item-text",
+                      children: Xote.Component.text(item.label)
+                    })
+                  ])
+                }, index.toString(), undefined);
+              }))
+            ])
+          });
+        }))
+      }),
+      footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+          class: "basefn-sidebar__footer",
+          children: footer
+        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+    ])
+  });
+}
+
+let make = Eita__Sidebar;
+
+export {
+  themeToString,
+  sizeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Slider.res.mjs

@@ -0,0 +1,89 @@
+// 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__Float from "@rescript/core/src/Core__Float.res.mjs";
+import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
+
+import './Eita__Slider.css'
+;
+
+function Eita__Slider(props) {
+  let markers = props.markers;
+  let __disabled = props.disabled;
+  let __showValue = props.showValue;
+  let label = props.label;
+  let __step = props.step;
+  let __max = props.max;
+  let __min = props.min;
+  let onChange = props.onChange;
+  let value = props.value;
+  let min = __min !== undefined ? __min : 0.0;
+  let max = __max !== undefined ? __max : 100.0;
+  let step = __step !== undefined ? __step : 1.0;
+  let showValue = __showValue !== undefined ? __showValue : true;
+  let disabled = __disabled !== undefined ? __disabled : false;
+  let handleInput = evt => {
+    let target = evt.target;
+    let newValue = Core__Option.getOr(Core__Float.fromString(target.value), 0.0);
+    Xote.Signal.set(value, newValue);
+    if (onChange !== undefined) {
+      return onChange(newValue);
+    }
+  };
+  let tmp;
+  let exit = 0;
+  if (label !== undefined || showValue) {
+    exit = 1;
+  } else {
+    tmp = Xote__JSX.jsx(Xote__JSX.jsxFragment, {});
+  }
+  if (exit === 1) {
+    tmp = Xote__JSX.Elements.jsxs("div", {
+      class: "basefn-slider__header",
+      children: Xote__JSX.array([
+        label !== undefined ? Xote__JSX.Elements.jsx("span", {
+            class: "basefn-slider__label",
+            children: Xote.Component.text(label)
+          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+        showValue ? Xote__JSX.Elements.jsx("span", {
+            class: "basefn-slider__value",
+            children: Xote.Component.textSignal(() => Xote.Signal.get(value).toString())
+          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+      ])
+    });
+  }
+  return Xote__JSX.Elements.jsx("div", {
+    class: "basefn-slider",
+    children: Xote__JSX.Elements.jsxs("div", {
+      class: "basefn-slider__wrapper",
+      children: Xote__JSX.array([
+        tmp,
+        Xote__JSX.Elements.jsx("input", {
+          class: "basefn-slider__input",
+          type: "range",
+          value: value,
+          disabled: disabled,
+          min: min.toString(),
+          max: max.toString(),
+          step: step.toString(),
+          onInput: handleInput
+        }),
+        markers !== undefined ? Xote__JSX.Elements.jsx("div", {
+            class: "basefn-slider__markers",
+            children: Xote.Component.fragment(markers.map(marker => Xote__JSX.Elements.jsx("span", {
+              class: "basefn-slider__marker",
+              children: Xote.Component.text(marker)
+            })))
+          }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+      ])
+    })
+  });
+}
+
+let make = Eita__Slider;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Spinner.res.mjs

@@ -0,0 +1,69 @@
+// 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__Spinner.css'
+;
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+    case "Xl" :
+      return "xl";
+  }
+}
+
+function variantToString(variant) {
+  switch (variant) {
+    case "Default" :
+      return "default";
+    case "Primary" :
+      return "primary";
+    case "Secondary" :
+      return "secondary";
+  }
+}
+
+function Eita__Spinner(props) {
+  let __label = props.label;
+  let __variant = props.variant;
+  let __size = props.size;
+  let size = __size !== undefined ? __size : "Md";
+  let variant = __variant !== undefined ? __variant : "Default";
+  let label = __label !== undefined ? __label : "";
+  let getClassName = () => {
+    let sizeClass = "basefn-spinner--" + sizeToString(size);
+    let variantClass = "basefn-spinner--" + variantToString(variant);
+    return "basefn-spinner " + sizeClass + " " + variantClass;
+  };
+  let showLabel = label !== "";
+  return Xote__JSX.Elements.jsxs("div", {
+    class: "basefn-spinner-container",
+    children: Xote__JSX.array([
+      Xote__JSX.Elements.jsx("div", {
+        class: getClassName(),
+        role: "status",
+        "aria-label": "Loading"
+      }),
+      showLabel ? Xote__JSX.Elements.jsx("span", {
+          class: "basefn-spinner__label",
+          children: Xote.Component.text(label)
+        }) : Xote__JSX.Elements.jsx("empty", {})
+    ])
+  });
+}
+
+let make = Eita__Spinner;
+
+export {
+  sizeToString,
+  variantToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Stepper.res.mjs

@@ -0,0 +1,114 @@
+// 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__Stepper.css'
+;
+
+function statusToString(status) {
+  switch (status) {
+    case "Inactive" :
+      return "inactive";
+    case "Active" :
+      return "active";
+    case "Completed" :
+      return "completed";
+    case "Error" :
+      return "error";
+  }
+}
+
+function Eita__Stepper(props) {
+  let onStepClick = props.onStepClick;
+  let __orientation = props.orientation;
+  let orientation = __orientation !== undefined ? __orientation : "Horizontal";
+  let getStepperClass = () => {
+    let orientationClass;
+    orientationClass = orientation === "Horizontal" ? "basefn-stepper--horizontal" : "basefn-stepper--vertical";
+    return "basefn-stepper " + orientationClass;
+  };
+  let getStepClass = (status, clickable) => {
+    let statusClass = "basefn-stepper__step--" + statusToString(status);
+    let clickableClass = clickable ? " basefn-stepper__step--clickable" : "";
+    return "basefn-stepper__step " + statusClass + clickableClass;
+  };
+  return Xote__JSX.Elements.jsx("div", {
+    class: getStepperClass(),
+    children: Xote.Component.fragment(props.steps.map((step, index) => {
+      let isClickable = Core__Option.isSome(onStepClick) && (step.status === "Completed" || step.status === "Active");
+      let match = step.status;
+      let tmp;
+      let exit = 0;
+      switch (match) {
+        case "Inactive" :
+        case "Active" :
+          exit = 1;
+          break;
+        case "Completed" :
+          tmp = Xote.Component.text("\u2713");
+          break;
+        case "Error" :
+          tmp = Xote.Component.text("\u00d7");
+          break;
+      }
+      if (exit === 1) {
+        tmp = Xote.Component.text((index + 1 | 0).toString());
+      }
+      let desc = step.description;
+      return Xote__JSX.Elements.jsxsKeyed("div", {
+        class: getStepClass(step.status, isClickable),
+        children: Xote__JSX.array([
+          Xote__JSX.Elements.jsxs("div", {
+            class: "basefn-stepper__step-header",
+            onClick: param => {
+              let status = step.status;
+              if (onStepClick === undefined) {
+                return;
+              }
+              switch (status) {
+                case "Active" :
+                case "Completed" :
+                  return onStepClick(index);
+                case "Inactive" :
+                case "Error" :
+                  return;
+              }
+            },
+            children: Xote__JSX.array([
+              Xote__JSX.Elements.jsx("div", {
+                class: "basefn-stepper__step-indicator",
+                children: tmp
+              }),
+              Xote__JSX.Elements.jsxs("div", {
+                class: "basefn-stepper__step-content",
+                children: Xote__JSX.array([
+                  Xote__JSX.Elements.jsx("div", {
+                    class: "basefn-stepper__step-title",
+                    children: Xote.Component.text(step.title)
+                  }),
+                  desc !== undefined ? Xote__JSX.Elements.jsx("div", {
+                      class: "basefn-stepper__step-description",
+                      children: Xote.Component.text(desc)
+                    }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                ])
+              })
+            ])
+          }),
+          Xote__JSX.Elements.jsx("div", {
+            class: "basefn-stepper__connector"
+          })
+        ])
+      }, index.toString(), undefined);
+    }))
+  });
+}
+
+let make = Eita__Stepper;
+
+export {
+  statusToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Switch.res.mjs

@@ -0,0 +1,84 @@
+// 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__Switch.css'
+;
+
+function sizeToString(size) {
+  switch (size) {
+    case "Sm" :
+      return "sm";
+    case "Md" :
+      return "md";
+    case "Lg" :
+      return "lg";
+  }
+}
+
+function Eita__Switch(props) {
+  let __size = props.size;
+  let __disabled = props.disabled;
+  let label = props.label;
+  let onChange = props.onChange;
+  let checked = props.checked;
+  let disabled = __disabled !== undefined ? __disabled : false;
+  let size = __size !== undefined ? __size : "Md";
+  let handleClick = param => {
+    if (!disabled) {
+      Xote.Signal.update(checked, prev => !prev);
+      if (onChange !== undefined) {
+        return onChange();
+      } else {
+        return;
+      }
+    }
+  };
+  let getWrapperClass = () => {
+    let disabledClass = disabled ? " basefn-switch-wrapper--disabled" : "";
+    return "basefn-switch-wrapper" + disabledClass;
+  };
+  let getSwitchClass = () => {
+    let sizeClass = size !== "Md" ? " basefn-switch--" + sizeToString(size) : "";
+    Xote.Computed.make(() => {
+      if (Xote.Signal.get(checked)) {
+        return " basefn-switch--checked";
+      } else {
+        return "";
+      }
+    }, undefined);
+    let disabledClass = disabled ? " basefn-switch--disabled" : "";
+    return "basefn-switch" + sizeClass + disabledClass;
+  };
+  return Xote__JSX.Elements.jsxs("label", {
+    class: getWrapperClass(),
+    children: Xote__JSX.array([
+      Xote__JSX.Elements.jsx("div", {
+        class: Xote.Computed.make(() => getSwitchClass() + Xote.Signal.get(Xote.Computed.make(() => {
+          if (Xote.Signal.get(checked)) {
+            return " basefn-switch--checked";
+          } else {
+            return "";
+          }
+        }, undefined)), undefined),
+        onClick: handleClick,
+        children: Xote__JSX.Elements.jsx("div", {
+          class: "basefn-switch__slider"
+        })
+      }),
+      label !== undefined ? Xote__JSX.Elements.jsx("span", {
+          class: "basefn-switch-label",
+          children: Xote.Component.text(label)
+        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+    ])
+  });
+}
+
+let make = Eita__Switch;
+
+export {
+  sizeToString,
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Tabs.res.mjs

@@ -0,0 +1,57 @@
+// 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__Tabs.css'
+;
+
+function Eita__Tabs(props) {
+  let defaultValue = props.defaultValue;
+  let tabs = props.tabs;
+  let activeTabSignal = Xote.Signal.make(defaultValue !== undefined ? defaultValue : Core__Option.getOr(Core__Option.map(tabs[0], tab => tab.value), ""), undefined, undefined);
+  return Xote.Component.signalFragment(Xote.Computed.make(() => {
+    let activeValue = Xote.Signal.get(activeTabSignal);
+    return [Xote__JSX.Elements.jsxs("div", {
+        class: "basefn-tabs",
+        children: Xote__JSX.array([
+          Xote__JSX.Elements.jsx("div", {
+            class: "basefn-tabs__list",
+            children: Xote.Component.fragment(tabs.map(tab => {
+              let isActive = Xote.Computed.make(() => Xote.Signal.get(activeTabSignal) === tab.value, undefined);
+              let className = Xote.Computed.make(() => {
+                let activeClass = Xote.Signal.get(isActive) ? " basefn-tabs__trigger--active" : "";
+                return "basefn-tabs__trigger" + activeClass;
+              }, undefined);
+              return Xote__JSX.Elements.jsxKeyed("button", {
+                class: className,
+                disabled: Core__Option.getOr(tab.disabled, false),
+                onClick: param => {
+                  let value = tab.value;
+                  let disabled = tab.disabled;
+                  if (disabled !== undefined && disabled) {
+                    return;
+                  } else {
+                    return Xote.Signal.set(activeTabSignal, value);
+                  }
+                },
+                children: Xote.Component.text(tab.label)
+              }, tab.value, undefined);
+            }))
+          }),
+          Xote__JSX.Elements.jsx("div", {
+            class: "basefn-tabs__content",
+            children: Core__Option.getOr(Core__Option.map(tabs.find(tab => tab.value === activeValue), tab => tab.content), Xote__JSX.jsx(Xote__JSX.jsxFragment, {}))
+          })
+        ])
+      })];
+  }, undefined));
+}
+
+let make = Eita__Tabs;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Textarea.res.mjs

@@ -0,0 +1,39 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as Xote from "xote/src/Xote.res.mjs";
+import * as Eita__Dom from "./Eita__Dom.res.mjs";
+import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+
+import './Eita__Textarea.css'
+;
+
+function Eita__Textarea(props) {
+  let __disabled = props.disabled;
+  let __placeholder = props.placeholder;
+  let onInput = props.onInput;
+  let value = props.value;
+  let placeholder = __placeholder !== undefined ? __placeholder : "";
+  let disabled = __disabled !== undefined ? __disabled : false;
+  let onInput$1 = e => {
+    let t = Eita__Dom.target(e);
+    let v = t.value;
+    Xote.Signal.set(value, v);
+    if (onInput !== undefined) {
+      return onInput(v);
+    }
+  };
+  return Xote__JSX.Elements.jsx("textarea", {
+    class: "basefn-textarea",
+    value: value,
+    placeholder: placeholder,
+    disabled: disabled,
+    onInput: onInput$1
+  });
+}
+
+let make = Eita__Textarea;
+
+export {
+  make,
+}
+/*  Not a pure module */

package/src/Eita__Timeline.res.mjs

@@ -0,0 +1,86 @@
+// 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__Timeline.css'
+;
+
+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__Timeline(props) {
+  let __orientation = props.orientation;
+  let orientation = __orientation !== undefined ? __orientation : "Vertical";
+  let getTimelineClass = () => {
+    let orientationClass;
+    orientationClass = orientation === "Vertical" ? "basefn-timeline--vertical" : "basefn-timeline--horizontal";
+    return "basefn-timeline " + orientationClass;
+  };
+  let getMarkerClass = variant => {
+    let variantClass = "basefn-timeline__marker--" + variantToString(variant);
+    return "basefn-timeline__marker " + variantClass;
+  };
+  return Xote__JSX.Elements.jsx("div", {
+    class: getTimelineClass(),
+    children: Xote.Component.fragment(props.items.map((item, index) => {
+      let iconText = item.icon;
+      let time = item.timestamp;
+      let desc = item.description;
+      return Xote__JSX.Elements.jsxsKeyed("div", {
+        class: "basefn-timeline__item",
+        children: Xote__JSX.array([
+          Xote__JSX.Elements.jsxs("div", {
+            class: "basefn-timeline__marker-wrapper",
+            children: Xote__JSX.array([
+              Xote__JSX.Elements.jsx("div", {
+                class: getMarkerClass(item.variant),
+                children: iconText !== undefined ? Xote.Component.text(iconText) : Xote.Component.text((index + 1 | 0).toString())
+              }),
+              Xote__JSX.Elements.jsx("div", {
+                class: "basefn-timeline__connector"
+              })
+            ])
+          }),
+          Xote__JSX.Elements.jsxs("div", {
+            class: "basefn-timeline__content",
+            children: Xote__JSX.array([
+              Xote__JSX.Elements.jsx("div", {
+                class: "basefn-timeline__title",
+                children: Xote.Component.text(item.title)
+              }),
+              time !== undefined ? Xote__JSX.Elements.jsx("div", {
+                  class: "basefn-timeline__timestamp",
+                  children: Xote.Component.text(time)
+                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
+              desc !== undefined ? Xote__JSX.Elements.jsx("div", {
+                  class: "basefn-timeline__description",
+                  children: Xote.Component.text(desc)
+                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+            ])
+          })
+        ])
+      }, index.toString(), undefined);
+    }))
+  });
+}
+
+let make = Eita__Timeline;
+
+export {
+  variantToString,
+  make,
+}
+/*  Not a pure module */