stargazer-ui 1.0.8 → 1.0.9

package/dist/components/Popout/Popout.js

@@ -0,0 +1,72 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createPortal as A } from "react-dom";
+import { forwardRef as u, useState as M, useRef as y, useEffect as P } from "react";
+const W = u(({ children: e, initialPosition: s = { top: 0, left: 0 }, id: o, resize: n = !1, move: f = !1, className: a, style: l, ...p }, R) => {
+  const [r, C] = M({ offSetTop: 0, offSetLeft: 0, ...s }), N = n ? "true" : "false", $ = f ? "true" : "false", D = y(R), i = y(null), [h, T] = M(!1), b = y(h);
+  P(() => {
+    b.current = h;
+  }, [h]);
+  const H = (t) => {
+    const d = t.target;
+    if (f && d.className.includes("sg-popout-title") || d.className.includes("sg-popout-header")) {
+      const { top: m, left: g } = i.current.getBoundingClientRect();
+      C((w) => ({
+        ...w,
+        offSetTop: t.clientY - m,
+        offSetLeft: t.clientX - g
+      })), i.current.style.setProperty("user-select", "none"), i.current.setPointerCapture(t.pointerId), T(!0);
+    }
+  }, L = () => {
+    f && (i.current.style.removeProperty("user-select"), T(!1));
+  }, O = (t) => {
+    if (f && b.current && i.current) {
+      const d = t.clientY - r.offSetTop < 0, m = window.innerHeight - (t.clientY - r.offSetTop + i.current.offsetHeight) < 0, g = t.clientX - r.offSetLeft < 0, w = window.innerWidth - (t.clientX - r.offSetLeft + i.current.offsetWidth) < 0;
+      let v = d ? 0 : t.clientY - r.offSetTop;
+      v = m ? window.innerHeight - i.current.offsetHeight : v;
+      let S = g ? 0 : t.clientX - r.offSetLeft;
+      S = w ? window.innerWidth - i.current.offsetWidth : S, C((x) => ({
+        ...x,
+        top: v,
+        left: S
+      }));
+    }
+  };
+  return P(() => (document.body.addEventListener("pointerup", () => L(), !0), function() {
+    document.body.removeEventListener("pointerup", () => L(), !0);
+  }), []), A(
+    /* @__PURE__ */ c(
+      "dialog",
+      {
+        "data-resize": N,
+        "data-move": $,
+        "data-passedRef": D,
+        ref: i,
+        id: o,
+        className: `sg-moveable-popout${a ? " " + a : ""}`,
+        style: { ...l, top: r.top, left: r.left, bottom: r.bottom, right: r.right },
+        onPointerDown: H,
+        onPointerMove: (t) => O(t),
+        ...p,
+        children: e
+      }
+    ),
+    document.body
+  );
+}), X = u(
+  ({ children: e, className: s, as: o = "div", ...n }, f) => {
+    let l = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((p) => p === o) ? o : "div";
+    return /* @__PURE__ */ c(l, { ref: f, className: `sg-popout-header ${s}`, ...n, children: e });
+  }
+), Y = u(({ as: e = "h4", className: s, children: o, ...n }, f) => {
+  let l = ["h1", "h2", "h3", "h4", "h5", "h6"].find((p) => p === e) ? e : "h5";
+  return /* @__PURE__ */ c(l, { ref: f, className: `sg-popout-title ${s}`, ...n, children: o });
+}), B = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("div", { ref: n, className: `sg-popout-body ${s}`, ...o, children: e })), E = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("p", { ref: n, className: `sg-popout-text ${s}`, ...o, children: e })), j = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("div", { ref: n, className: `sg-popout-footer ${s}`, ...o, children: e })), U = Object.assign(W, {
+  Header: X,
+  Title: Y,
+  Body: B,
+  Text: E,
+  Footer: j
+});
+export {
+  U as default
+};

package/dist/components/Popout/Popout.types.js

@@ -0,0 +1 @@
+

package/dist/components/Popout/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Popout.js";
+export {
+  o as default
+};

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,9 @@
+import { jsxs as n, Fragment as o, jsx as l } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+const p = h(({ size: e = "1em", color: s = "white", label: a, className: r, controlId: i, ...t }, d) => /* @__PURE__ */ n(o, { children: [
+  /* @__PURE__ */ l("div", { "aria-labelledby": i, role: "status", ref: d, className: `sg-spinner${r ? " " + r : ""}`, style: { width: e, height: e, borderColor: s }, ...t }),
+  /* @__PURE__ */ l("label", { id: i, className: "sg-visually-hidden", children: a })
+] }));
+export {
+  p as default
+};

package/dist/components/Spinner/Spinner.types.js

@@ -0,0 +1 @@
+

package/dist/components/Spinner/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Spinner.js";
+export {
+  o as default
+};

package/dist/components/Table/Table.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+const p = m(({ children: t, size: s = "lg", className: e, ...r }, a) => {
+  let l = `sg-table${e ? " " + e : ""}${s === "sm" ? " sg-table-sm" : ""}`;
+  return /* @__PURE__ */ o("table", { ref: a, className: l, ...r, children: t });
+});
+export {
+  p as default
+};

package/dist/components/Table/Table.types.js

@@ -0,0 +1 @@
+

package/dist/components/Table/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Table.js";
+export {
+  o as default
+};

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,77 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createContext as h, forwardRef as C, useState as m, useMemo as p, useContext as w } from "react";
+const T = h(null), y = ({ children: e, value: t }) => /* @__PURE__ */ d(T.Provider, { value: t, children: e }), f = () => {
+  const e = w(T);
+  if (!e)
+    throw new Error(
+      "useTabContext has to be used within a TabContextProvider!"
+    );
+  return e;
+}, A = C(({ children: e, className: t, controlId: n, activeClassName: o, defaultActive: r, ...i }, l) => {
+  const [s, c] = m(r), v = o || "sg-active", a = p(() => ({
+    activeTab: s,
+    setActiveTab: c,
+    controlId: n,
+    activeClass: v
+  }), [s, c, n]);
+  return /* @__PURE__ */ d(y, { value: a, children: /* @__PURE__ */ d("div", { ref: l, id: n + "-tab-wrapper", className: `sg-tabs${t ? " " + t : ""}`, ...i, children: e }) });
+}), k = C(({ children: e, className: t, ...n }, o) => {
+  const { controlId: r, activeClass: i } = f(), l = (s) => {
+    const c = s.key, v = document.getElementById(r + "-tab-controls");
+    if (v) {
+      const a = Array.from(v.children);
+      if (c === "ArrowRight" || c === "ArrowLeft") {
+        s.preventDefault();
+        const b = document.querySelector(".sg-tabs-button." + i), g = a.indexOf(b), u = c === "ArrowRight" ? 1 : -1, x = g + u < 0 ? a.length - 1 : g + u >= a.length ? 0 : g + u;
+        a[x].focus(), a[x].click();
+      } else if (c === "Home" || c === "End") {
+        s.preventDefault();
+        const b = c === "Home" ? 0 : a.length - 1;
+        a[b].focus(), a[b].click();
+      }
+    }
+  };
+  return /* @__PURE__ */ d("div", { onKeyDown: (s) => l(s), role: "tablist", id: r + "-tab-controls", ref: o, className: `sg-tabs-controls${t ? " " + t : ""}`, ...n, children: e });
+}), D = C(({ children: e, className: t, onClick: n, tabId: o, id: r, ...i }, l) => {
+  const { activeTab: s, setActiveTab: c, activeClass: v } = f(), a = "sg-tabs-button" + (t ? " " + t : "") + (s === o ? " " + v : ""), b = s === o, g = (u) => {
+    c(o), n && n(u);
+  };
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      id: o + "-button",
+      ref: l,
+      onClick: (u) => g(u),
+      className: a,
+      ...i,
+      tabIndex: b ? 0 : -1,
+      "aria-selected": b ? "true" : "false",
+      "aria-controls": o + "-page",
+      children: e
+    }
+  );
+}), P = C(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ d("div", { role: "none", ref: o, className: `sg-tabs-content${t ? " " + t : ""}`, ...n, children: e })), $ = C(({ children: e, className: t, tabId: n, ...o }, r) => {
+  const { activeTab: i, activeClass: l } = f(), s = "sg-tabs-page" + (t ? " " + t : "") + (i === n ? " " + l : "");
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      role: "tabpanel",
+      id: n + "-page",
+      "aria-labelledby": n + "-button",
+      ref: r,
+      className: s,
+      ...o,
+      children: e
+    }
+  );
+}), j = Object.assign(A, {
+  Controls: k,
+  Button: D,
+  Content: P,
+  Page: $
+});
+export {
+  j as default
+};

package/dist/components/Tabs/Tabs.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tabs/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Tabs.js";
+export {
+  o as default
+};

package/dist/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,11 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as d, useState as u } from "react";
+const p = d(({ children: o, toggled: r = "false", onClick: e, ...a }, c) => {
+  const [l, n] = u(r === "true"), f = (t) => {
+    n((s) => !s), e && e(t);
+  };
+  return /* @__PURE__ */ g("button", { onClick: (t) => f(t), "data-toggled": l, ...a, children: o });
+});
+export {
+  p as default
+};

package/dist/components/ToggleButton/ToggleButton.types.js

@@ -0,0 +1 @@
+

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ToggleButton.js";
+export {
+  o as default
+};

package/dist/components/index.js

@@ -0,0 +1,34 @@
+import { default as t } from "./Button/Button.js";
+import { default as e } from "./Card/Card.js";
+import { default as l } from "./CloseButton/CloseButton.js";
+import { default as u } from "./Dropdown/Dropdown.js";
+import { default as s } from "./FloatingLabel/FloatingLabel.js";
+import { default as x } from "./Form/Form.js";
+import { default as B } from "./InputGroup/InputGroup.js";
+import { default as g } from "./Modal/Modal.js";
+import { default as N } from "./Nav/Nav.js";
+import { default as i } from "./NavBar/Navbar.js";
+import { default as C } from "./NavDropdown/NavDropdown.js";
+import { default as F } from "./Popout/Popout.js";
+import { default as I } from "./Spinner/Spinner.js";
+import { default as M } from "./Table/Table.js";
+import { default as S } from "./Tabs/Tabs.js";
+import { default as h } from "./ToggleButton/ToggleButton.js";
+export {
+  t as Button,
+  e as Card,
+  l as CloseButton,
+  u as Dropdown,
+  s as FloatingLabel,
+  x as Form,
+  B as InputGroup,
+  g as Modal,
+  N as Nav,
+  i as NavBar,
+  C as NavDropdown,
+  F as Popout,
+  I as Spinner,
+  M as Table,
+  S as Tabs,
+  h as ToggleButton
+};