stargazer-ui 1.0.4 → 1.0.6

package/dist/Overlay/index.js

@@ -1,125 +0,0 @@
-import { jsxs as M, Fragment as U, jsx as N } from "react/jsx-runtime";
-import { forwardRef as X, useRef as S, useState as w, useEffect as $, cloneElement as Y } from "react";
-import { createPortal as Z } from "react-dom";
-const q = (l, a, u, c, i = !1) => {
-  let f = document.body, o = l.current, g = a.current, e = getComputedStyle(o).position, n = o.getBoundingClientRect().top - (e != "fixed" ? f.getBoundingClientRect().top : 0), d = o.offsetHeight, h = o.getBoundingClientRect().left - (e != "fixed" ? f.getBoundingClientRect().left : 0), x = o.offsetWidth, m = g.clientHeight, y = g.clientWidth;
-  const p = (C, R, B) => g.getBoundingClientRect()[C] <= B ? R : r[C];
-  let H = 0, v = 0;
-  i || (v = c.clientHeight - 1, H = c.clientWidth - 1);
-  let r;
-  switch (u) {
-    case "top":
-      return r = { top: n - m - v, left: h + x / 2 - y / 2 }, r.right = p("right", 12, 0), r.left = p("left", 0, 0), r;
-    case "right":
-      return r = { top: n + d / 2 - m / 2, left: h + o.offsetWidth + H }, r;
-    case "bottom":
-      return r = { top: n + d + v, left: h + x / 2 - y / 2 }, r.right = p("right", 12, 0), r.left = p("left", 0, 0), r;
-    case "left":
-      return r = { top: n + d / 2 - m / 2, left: h - y - H }, r;
-    default:
-      return { top: n - m, left: h + x / 2 - y / 2 };
-  }
-}, G = (l, a, u, c) => {
-  let i = a.current.getBoundingClientRect().top, f = window.innerHeight - a.current.getBoundingClientRect().bottom, o = a.current.getBoundingClientRect().left, g = window.innerWidth - a.current.getBoundingClientRect().right, e = u.current.clientWidth + c.current.clientWidth + 48, n = u.current.clientHeight + c.current.clientHeight + 48;
-  if (l.current === "top") {
-    if (i <= n)
-      return g <= e ? "left" : o <= e ? "right" : "top";
-  } else if (l.current === "bottom") {
-    if (f <= n)
-      return g <= e ? "left" : o <= e ? "right" : "bottom";
-  } else if (l.current === "left" || l.current === "right") {
-    if (i >= n)
-      return "top";
-    if (i < n / 2)
-      return "bottom";
-    if (f < n / 2)
-      return l.current === "left" ? "left" : "right";
-  }
-  return l.current;
-}, et = X(({ children: l, overlay: a, show: u, onToggle: c, position: i = "auto", trigger: f = "click", defaultShow: o = !1 }, g) => {
-  const e = S(), n = S(), d = S(), [h, x] = w(""), [m, y] = w(""), [p, H] = w(o), v = S(p), r = (t) => {
-    v.current = t, H(t);
-  }, [C, R] = w(i === "auto" ? "top" : i), B = S(C), W = (t) => {
-    B.current = t, R(t);
-  }, [k, A] = w(!1), [L, O] = w(!1), [J, F] = w(!0), P = Array.isArray(f) ? f : [f], E = (t, s, b) => {
-    s.current && (y(q(t, s, B.current, b.current)), x(q(t, b, B.current, b.current, !0)));
-  }, I = () => {
-    if (v.current && i === "auto") {
-      let t = G(B, e, n, d);
-      W(t);
-    }
-  }, z = () => {
-    E(e, n, d), v.current;
-  }, K = (t) => {
-    if (L && J) {
-      F(!1);
-      return;
-    }
-    r(!p), c(!p);
-  }, Q = (t) => {
-    k || (A(!0), c(!0));
-  }, T = (t) => {
-    r(!0), O(!0), c(!0);
-  }, D = (t) => {
-    k ? A(!1) : L && (O(!1), F(!0)), r(!1), c(!1);
-  };
-  $(() => {
-    if (n.current && u && (E(e, n, d), i === "auto")) {
-      let t = G(B, e, n, d);
-      W(t);
-    }
-    if (e.current) {
-      let t = document.body, s = getComputedStyle(e.current).position;
-      y({
-        top: e.current.getBoundingClientRect().top - (s != "fixed" ? t.getBoundingClientRect().top : 0),
-        left: e.current.getBoundingClientRect().left - (s != "fixed" ? t.getBoundingClientRect().left : 0)
-      }), x({
-        top: e.current.getBoundingClientRect().top - (s != "fixed" ? t.getBoundingClientRect().top : 0),
-        left: e.current.getBoundingClientRect().left - (s != "fixed" ? t.getBoundingClientRect().left : 0)
-      });
-    }
-    r(u);
-  }, [u, n, e, C]), $(() => (window.addEventListener("scroll", I), window.addEventListener("resize", z), function() {
-    window.removeEventListener("scroll", I), window.removeEventListener("resize", z);
-  }), []);
-  const j = (t) => {
-    let s = getComputedStyle(t.current).position;
-    return s === "fixed" ? "fixed" : s === "sticky" ? "sticky" : "absolute";
-  };
-  return /* @__PURE__ */ M("div", { ref: g, style: { display: "static" }, children: [
-    Y(l, {
-      ref: e,
-      onClick: P.find((t) => t === "click") ? K : null,
-      onMouseOver: P.find((t) => t === "hover") ? Q : null,
-      onMouseLeave: P.find((t) => t === "hover") ? D : null,
-      onFocus: P.find((t) => t === "focus") ? T : null,
-      onBlur: P.find((t) => t === "focus") ? D : null
-    }),
-    u ? Z(
-      /* @__PURE__ */ M(U, { children: [
-        /* @__PURE__ */ N(
-          "div",
-          {
-            ref: n,
-            style: { maxWidth: "100%", maxHeight: "100%", position: j(e), top: m.top, left: m.left, zIndex: "1010" },
-            children: a
-          }
-        ),
-        /* @__PURE__ */ N(
-          "div",
-          {
-            id: "sg-overlay-arrow",
-            ref: d,
-            "aria-hidden": !0,
-            className: `sg-overlay-arrow${C ? " overlay-position-" + C : ""}`,
-            style: { position: j(e), top: h.top, left: h.left }
-          }
-        )
-      ] }),
-      document.body
-    ) : null
-  ] });
-});
-export {
-  et as default
-};

package/dist/Popout/index.js

@@ -1,72 +0,0 @@
-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 R } from "react";
-const W = u(({ children: e, initialPosition: n = { top: 0, left: 0 }, id: o, resize: s = !1, move: f = !1, className: a, style: l, ...p }, N) => {
-  const [r, C] = M({ offSetTop: 0, offSetLeft: 0, ...n }), P = s ? "true" : "false", $ = f ? "true" : "false", x = y(N), i = y(null), [h, T] = M(!1), b = y(h);
-  R(() => {
-    b.current = h;
-  }, [h]);
-  const D = (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));
-  }, H = (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((O) => ({
-        ...O,
-        top: v,
-        left: S
-      }));
-    }
-  };
-  return R(() => (document.body.addEventListener("pointerup", () => L(), !0), function() {
-    document.body.removeEventListener("pointerup", () => L(), !0);
-  }), []), A(
-    /* @__PURE__ */ c(
-      "dialog",
-      {
-        "data-resize": P,
-        "data-move": $,
-        "data-passedRef": x,
-        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: D,
-        onPointerMove: (t) => H(t),
-        ...p,
-        children: e
-      }
-    ),
-    document.body
-  );
-}), X = u(
-  ({ children: e, className: n, as: o = "div", ...s }, 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 ${n}`, ...s, children: e });
-  }
-), Y = u(({ as: e = "h4", className: n, children: o, ...s }, 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 ${n}`, ...s, children: o });
-}), B = u(({ children: e, className: n, ...o }, s) => /* @__PURE__ */ c("div", { ref: s, className: `sg-popout-body ${n}`, ...o, children: e })), E = u(({ children: e, className: n, ...o }, s) => /* @__PURE__ */ c("p", { ref: s, className: `sg-popout-text ${n}`, ...o, children: e })), j = u(({ children: e, className: n, ...o }, s) => /* @__PURE__ */ c("div", { ref: s, className: `sg-popout-footer ${n}`, ...o, children: e })), U = Object.assign(W, {
-  Header: X,
-  Title: Y,
-  Body: B,
-  Text: E,
-  Footer: j
-});
-export {
-  U as default
-};

package/dist/Spinner/index.js

@@ -1,9 +0,0 @@
-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/Table/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { BaseTableType } from "../BaseTypes";
-export type TableType = {
-    children: React.ReactNode;
-    size?: string;
-    className?: string;
-} & BaseTableType;
-declare const Table: React.ForwardRefExoticComponent<Omit<TableType, "ref"> & React.RefAttributes<HTMLTableElement>>;
-export default Table;

package/dist/Table/index.js

@@ -1,9 +0,0 @@
-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/Tabs/index.js

@@ -1,77 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as m, forwardRef as C, useState as p, useMemo as T, useContext as w } from "react";
-const h = m(null), y = ({ children: e, value: t }) => /* @__PURE__ */ d(h.Provider, { value: t, children: e }), f = () => {
-  const e = w(h);
-  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] = p(r), v = o || "sg-active", a = T(() => ({
-    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 u = document.querySelector(".sg-tabs-button." + i), g = a.indexOf(u), b = c === "ArrowRight" ? 1 : -1, x = g + b < 0 ? a.length - 1 : g + b >= a.length ? 0 : g + b;
-        a[x].focus(), a[x].click();
-      } else if (c === "Home" || c === "End") {
-        s.preventDefault();
-        const u = c === "Home" ? 0 : a.length - 1;
-        a[u].focus(), a[u].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 : ""), u = s === o, g = (b) => {
-    c(o), n && n(b);
-  };
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      role: "tab",
-      type: "button",
-      id: o + "-button",
-      ref: l,
-      onClick: (b) => g(b),
-      className: a,
-      ...i,
-      tabIndex: u ? 0 : -1,
-      "aria-selected": u ? "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 })), 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: E
-});
-export {
-  j as default
-};

package/dist/ToggleButton/index.js

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

package/dist/main.js

@@ -1,30 +0,0 @@
-import { default as t } from "./Button/index.js";
-import { default as e } from "./Card/index.js";
-import { default as u } from "./CloseButton/index.js";
-import { default as p } from "./Dropdown/index.js";
-import { default as s } from "./FloatingLabel/index.js";
-import { default as x } from "./Form/index.js";
-import { default as b } from "./InputGroup/index.js";
-import { default as v } from "./Modal/index.js";
-import { default as N } from "./Nav/index.js";
-import { default as C } from "./NavBar/index.js";
-import { default as F } from "./NavDropdown/index.js";
-import { default as i } from "./Popout/index.js";
-import { default as I } from "./Tabs/index.js";
-import { default as M } from "./ToggleButton/index.js";
-export {
-  t as Button,
-  e as Card,
-  u as CloseButton,
-  p as Dropdown,
-  s as FloatingLabel,
-  x as Form,
-  b as InputGroup,
-  v as Modal,
-  N as Nav,
-  F as NavDropdown,
-  C as Navbar,
-  i as Popout,
-  I as Tabs,
-  M as ToggleButton
-};