stargazer-ui 1.0.1 → 1.0.3

package/dist/Modal/index.js

@@ -0,0 +1,85 @@
+import { jsx as s, jsxs as w, Fragment as E } from "react/jsx-runtime";
+import { createContext as T, forwardRef as m, useState as M, useEffect as C, useRef as A, useContext as B } from "react";
+import { createPortal as F } from "react-dom";
+import k from "../CloseButton/index.js";
+import P from "../Button/index.js";
+const g = T(!1), H = ({ children: t, value: n }) => /* @__PURE__ */ s(g.Provider, { value: n, children: t }), N = () => B(g), d = m(({
+  children: t,
+  centered: n = !1,
+  size: e = "md",
+  show: o,
+  backdrop: l = "static",
+  onHide: a = "none",
+  className: r,
+  id: i,
+  ...h
+}, b) => {
+  const [f, c] = M(!1);
+  C(() => {
+    c(o);
+  }, [o]);
+  const p = A(null);
+  j(p);
+  let u = typeof o == "boolean" && typeof a == "function" ? void 0 : { show: typeof o == "boolean", onHide: typeof a == "function" };
+  u && console.error(
+    u.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
+    u.onHide ? null : "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"
+  );
+  const x = () => {
+    a && a(), c(!1);
+  };
+  C(() => {
+    const y = p.current;
+    y && (f ? y.showModal() : y.close());
+  }, [f]);
+  let v = `sg-modal-tag sg-modal-${e}`;
+  return r && (v += " " + r), (l === "static" || l === "true") && (v += " sg-modal-static"), f ? F(
+    /* @__PURE__ */ s("dialog", { ref: p, className: v, children: /* @__PURE__ */ s(H, { value: a, children: u ? /* @__PURE__ */ w(E, { children: [
+      /* @__PURE__ */ s(d.Header, { closeButton: !0, children: /* @__PURE__ */ s(d.Title, { children: "An Error ocurred!" }) }),
+      /* @__PURE__ */ s(d.Body, { children: /* @__PURE__ */ w("p", { children: [
+        u.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
+        u.onHide ? null : "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"
+      ] }) }),
+      /* @__PURE__ */ s(d.Footer, { children: /* @__PURE__ */ s(P, { variant: "danger", type: "button", onClick: x, children: "Close" }) })
+    ] }) : t }) }),
+    document.body
+  ) : null;
+}), $ = m(({ as: t = "", className: n = "", children: e, closeButton: o = !1, onClick: l = "none", ...a }, r) => {
+  let h = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((c) => c === t) ? t : "div";
+  const b = N(), f = (c) => {
+    l != "none" && l(c), b != "none" && b();
+  };
+  return /* @__PURE__ */ w(h, { ref: r, className: `sg-modal-header ${n}`, ...a, children: [
+    e,
+    o ? /* @__PURE__ */ s(k, { variant: !0, onClick: f }) : null
+  ] });
+});
+d.Header = $;
+const S = ({ children: t, as: n = "h4", className: e, ...o }, l) => {
+  let r = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((i) => i === n) ? n : "h4";
+  return /* @__PURE__ */ s(r, { ref: l, className: `sg-modal-title ${e}`, ...o, children: t });
+};
+d.Title = m(S);
+const D = ({ children: t, className: n, ...e }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-body ${n}`, ...e, children: t });
+d.Body = m(D);
+const K = ({ children: t, className: n, ...e }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-footer ${n}`, ...e, children: t });
+d.Footer = m(K);
+const j = function(t) {
+  C(() => {
+    const n = (e) => {
+      const o = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = t.current;
+      if (l) {
+        const a = l.querySelectorAll(o)[0], r = l.querySelectorAll(o), i = r[r.length - 1];
+        if (!(e.key === "Tab" || e.keyCode === 9))
+          return;
+        e.shiftKey ? document.activeElement === a && (i.focus(), e.preventDefault()) : document.activeElement === i && (a.focus(), e.preventDefault());
+      }
+    };
+    return document.addEventListener("keydown", n, !0), function() {
+      document.removeEventListener("keydown", n, !0);
+    };
+  }, [t]);
+};
+export {
+  d as default
+};

package/dist/Nav/index.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { navbarContext as u } from "../NavBar/index.js";
+const l = s(({ children: o, className: n, fill: e, justify: r, as: t = "ul", ...m }, f) => {
+  const p = t;
+  let i = "";
+  return u && (i = "sg-navbar-"), /* @__PURE__ */ a(p, { role: "menubar", ref: f, className: `${n} ${i}nav`, ...m, children: o });
+}), c = ({ children: o, className: n, as: e = "li", ...r }, t) => /* @__PURE__ */ a(e, { role: "none", ref: t, className: `sg-nav-item${n ? " " + n : ""}`, ...r, children: o });
+l.Item = s(c);
+const v = ({ children: o, className: n, as: e = "a", ...r }, t) => /* @__PURE__ */ a(e, { role: "menuitem", ref: t, className: `sg-nav-link${n ? " " + n : ""}`, ...r, children: o });
+l.Link = s(v);
+export {
+  l as default
+};

package/dist/NavBar/index.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as b, forwardRef as v, useMemo as d } from "react";
+const m = b(null), p = ({ children: t, value: n }) => /* @__PURE__ */ e(m.Provider, { value: n, children: t }), c = v(({ children: t, className: n, navbarPrefix: r = "sg-navbar-", ...o }, a) => {
+  const s = d(() => r, [r]);
+  return /* @__PURE__ */ e("nav", { ref: a, className: `sg-navbar${n ? " " + n : ""}`, ...o, children: /* @__PURE__ */ e(p, { value: s, children: t }) });
+}), x = ({ children: t, className: n, href: r = "#", as: o = "a", ...a }, s) => {
+  const u = o || (r && o != "Link" ? "a" : "span");
+  return /* @__PURE__ */ e(u, { ref: s, href: r, className: `sg-navbar-brand${n ? " " + n : ""}`, ...a, children: t });
+};
+c.Brand = v(x);
+const C = ({ children: t, className: n, as: r = "span", ...o }, a) => /* @__PURE__ */ e(r, { ref: a, className: `sg-navbar-text${n ? " " + n : ""}`, ...o, children: t });
+c.Text = v(C);
+export {
+  c as default,
+  m as navbarContext
+};