astrogators-shared-ui 0.4.2 → 0.4.4

package/dist/components/layout/Container.d.ts

@@ -1,10 +1,11 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 
 export interface ContainerProps {
     children: React.ReactNode;
     maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
     padding?: boolean;
     className?: string;
+    style?: CSSProperties;
 }
 /**
  * Container component

package/dist/index.js

@@ -15,11 +15,13 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   children: e,
   maxWidth: s = "xl",
   padding: t = !0,
-  className: o = ""
+  className: o = "",
+  style: d
 }) => /* @__PURE__ */ r(
   "div",
   {
     className: `${X.container} ${X[`maxWidth-${s}`]} ${t ? X.padding : ""} ${o}`,
+    style: d,
     children: e
   }
 ), $e = "_topBar_10g3c_1", be = "_content_10g3c_13", we = "_left_10g3c_23", Ne = "_right_10g3c_30", Ae = "_logo_10g3c_36", P = {
@@ -73,17 +75,17 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
   variant: s = "primary",
   size: t = "md",
   fullWidth: o = !1,
-  loading: _ = !1,
+  loading: d = !1,
   disabled: g = !1,
   className: c = "",
   ...l
 }) => /* @__PURE__ */ r(
   "button",
   {
-    className: `${x.button} ${x[s]} ${x[t]} ${o ? x.fullWidth : ""} ${_ ? x.loading : ""} ${c}`,
-    disabled: g || _,
+    className: `${x.button} ${x[s]} ${x[t]} ${o ? x.fullWidth : ""} ${d ? x.loading : ""} ${c}`,
+    disabled: g || d,
     ...l,
-    children: _ ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
+    children: d ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
       /* @__PURE__ */ r("span", { className: x.spinner }),
       /* @__PURE__ */ r("span", { className: x.loadingText, children: e })
     ] }) : e
@@ -103,12 +105,12 @@ const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
     error: s,
     helperText: t,
     fullWidth: o = !1,
-    className: _ = "",
+    className: d = "",
     id: g,
     ...c
   }, l) => {
     const i = g || `input-${Math.random().toString(36).substr(2, 9)}`, h = !!s;
-    return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${_}`, children: [
+    return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${d}`, children: [
       e && /* @__PURE__ */ m("label", { htmlFor: i, className: T.label, children: [
         e,
         c.required && /* @__PURE__ */ r("span", { className: T.required, children: "*" })
@@ -145,7 +147,7 @@ const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4
     error: s,
     helperText: t,
     options: o,
-    placeholder: _,
+    placeholder: d,
     fullWidth: g = !1,
     className: c = "",
     id: l,
@@ -166,7 +168,7 @@ const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4
             className: `${w.select} ${N ? w.error : ""}`,
             ...i,
             children: [
-              _ && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: _ }),
+              d && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: d }),
               o && o.map((f) => /* @__PURE__ */ r(
                 "option",
                 {
@@ -210,7 +212,7 @@ class gt {
     this.baseURL = s.baseURL, this.onUnauthorized = s.onUnauthorized;
   }
   async refreshAccessToken() {
-    var _;
+    var d;
     const s = _t();
     if (!s)
       throw new Error("No refresh token available");
@@ -222,20 +224,20 @@ class gt {
       body: JSON.stringify({ refresh_token: s })
     });
     if (!t.ok)
-      throw ee(), (_ = this.onUnauthorized) == null || _.call(this), new Error("Token refresh failed");
+      throw ee(), (d = this.onUnauthorized) == null || d.call(this), new Error("Token refresh failed");
     const o = await t.json();
     return ie(o.access_token, s), o.access_token;
   }
   async request(s, t = {}) {
-    const o = ce(), _ = {
+    const o = ce(), d = {
       "Content-Type": "application/json",
       ...t.headers
     };
-    o && (_.Authorization = `Bearer ${o}`);
+    o && (d.Authorization = `Bearer ${o}`);
     const g = `${this.baseURL}${s}`;
     let c = await fetch(g, {
       ...t,
-      headers: _
+      headers: d
     });
     if (c.status === 401 && o) {
       this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
@@ -243,9 +245,9 @@ class gt {
       }));
       try {
         const l = await this.refreshPromise;
-        _.Authorization = `Bearer ${l}`, c = await fetch(g, {
+        d.Authorization = `Bearer ${l}`, c = await fetch(g, {
           ...t,
-          headers: _
+          headers: d
         });
       } catch {
         throw new Error("Authentication failed");
@@ -337,7 +339,7 @@ const ft = (e) => {
 }, bt = () => {
   localStorage.removeItem(F), localStorage.removeItem(H);
 }, de = fe(void 0), ws = ({ children: e, apiBaseUrl: s }) => {
-  const [t, o] = b(null), [_, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
+  const [t, o] = b(null), [d, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
     show: !1,
     localStorageCodes: []
   });
@@ -409,7 +411,7 @@ const ft = (e) => {
     } catch (n) {
       throw console.error("Resend verification failed:", n), n;
     }
-  }, d = S(async () => {
+  }, _ = S(async () => {
     N(!0);
     try {
       if (t) {
@@ -460,8 +462,8 @@ const ft = (e) => {
       n && "id" in n && oe(n.id);
     } else a && !t && re(a);
   }, [t, c]), oe = S(async (a) => {
-    t && typeof a == "number" ? (await y.put(`/api/v1/users/me/ally-codes/${a}/use`, {}), await d()) : !t && typeof a == "string" && (re(a), l(A()));
-  }, [t, d]), Q = S(() => {
+    t && typeof a == "number" ? (await y.put(`/api/v1/users/me/ally-codes/${a}/use`, {}), await _()) : !t && typeof a == "string" && (re(a), l(A()));
+  }, [t, _]), Q = S(() => {
     k({ show: !1, localStorageCodes: [] });
   }, []), _e = S(async () => {
     if (!t) return;
@@ -475,12 +477,12 @@ const ft = (e) => {
     bt(), Q();
   }, [t, v, Q]);
   j(() => {
-    d();
-  }, [d]);
+    _();
+  }, [_]);
   const me = {
     user: t,
     isAuthenticated: !!t,
-    isLoading: _,
+    isLoading: d,
     login: I,
     register: D,
     logout: O,
@@ -492,7 +494,7 @@ const ft = (e) => {
     allyCodes: c,
     selectedAllyCode: i,
     isLoadingAllyCodes: p,
-    fetchAllyCodes: d,
+    fetchAllyCodes: _,
     addAllyCode: v,
     removeAllyCode: L,
     selectAllyCode: z,
@@ -526,18 +528,18 @@ const ft = (e) => {
   const {
     allyCodes: t,
     selectedAllyCode: o,
-    selectAllyCode: _,
+    selectAllyCode: d,
     removeAllyCode: g,
     addAllyCode: c,
     isLoadingAllyCodes: l
-  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [D, O] = b(!1), Y = t.map((d) => ({
-    value: d.ally_code,
-    label: d.player_name ? `${d.player_name} (${J(d.ally_code)})` : J(d.ally_code)
-  })), G = (d) => {
-    const v = d.target.value || null;
-    _(v), e == null || e(v);
-  }, K = async (d) => {
-    const v = t.find((L) => L.ally_code === d);
+  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [D, O] = b(!1), Y = t.map((_) => ({
+    value: _.ally_code,
+    label: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code)
+  })), G = (_) => {
+    const v = _.target.value || null;
+    d(v), e == null || e(v);
+  }, K = async (_) => {
+    const v = t.find((L) => L.ally_code === _);
     if (v) {
       const L = "id" in v ? v.id : v.ally_code;
       await g(L);
@@ -550,8 +552,8 @@ const ft = (e) => {
     O(!0);
     try {
       await c(p), I("Added successfully!"), N(""), setTimeout(() => I(""), 2e3);
-    } catch (d) {
-      k(d.message || "Failed to add ally code");
+    } catch (_) {
+      k(_.message || "Failed to add ally code");
     } finally {
       O(!1);
     }
@@ -578,7 +580,7 @@ const ft = (e) => {
               type: "text",
               placeholder: "9-digit ally code",
               value: p,
-              onChange: (d) => N(d.target.value.replace(/\D/g, "").slice(0, 9)),
+              onChange: (_) => N(_.target.value.replace(/\D/g, "").slice(0, 9)),
               disabled: D
             }
           ),
@@ -597,18 +599,18 @@ const ft = (e) => {
         f && /* @__PURE__ */ r("div", { className: $.error, children: f }),
         W && /* @__PURE__ */ r("div", { className: $.success, children: W })
       ] }),
-      /* @__PURE__ */ r("div", { className: $.codesList, children: t.map((d) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
-        /* @__PURE__ */ r("span", { children: d.player_name ? `${d.player_name} (${J(d.ally_code)})` : J(d.ally_code) }),
+      /* @__PURE__ */ r("div", { className: $.codesList, children: t.map((_) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
+        /* @__PURE__ */ r("span", { children: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code) }),
         /* @__PURE__ */ r(
           M,
           {
             variant: "ghost",
             size: "sm",
-            onClick: () => K(d.ally_code),
+            onClick: () => K(_.ally_code),
             children: "Remove"
           }
         )
-      ] }, d.ally_code)) }),
+      ] }, _.ally_code)) }),
       /* @__PURE__ */ r(
         M,
         {
@@ -647,7 +649,7 @@ const ft = (e) => {
   variant: s = "default",
   chamfered: t = !1,
   chamferSize: o = "md",
-  padding: _ = "md",
+  padding: d = "md",
   hoverable: g = !1,
   showDiagonalBorders: c = !1,
   diagonalBorderColor: l,
@@ -659,7 +661,7 @@ const ft = (e) => {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: `${U.card} ${t ? U.chamfered : ""} ${U[s]} ${U[`padding-${_}`]} ${N} ${g ? U.hoverable : ""} ${i}`,
+      className: `${U.card} ${t ? U.chamfered : ""} ${U[s]} ${U[`padding-${d}`]} ${N} ${g ? U.hoverable : ""} ${i}`,
       onClick: h,
       role: h ? "button" : void 0,
       tabIndex: h ? 0 : void 0,
@@ -710,7 +712,7 @@ const ft = (e) => {
   onClose: s,
   title: t,
   children: o,
-  size: _ = "md",
+  size: d = "md",
   closeOnOverlayClick: g = !0,
   className: c = ""
 }) => {
@@ -725,7 +727,7 @@ const ft = (e) => {
   const l = (i) => {
     g && i.target === i.currentTarget && s();
   };
-  return /* @__PURE__ */ r("div", { className: E.overlay, onClick: l, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[_]} ${c}`, role: "dialog", "aria-modal": "true", children: [
+  return /* @__PURE__ */ r("div", { className: E.overlay, onClick: l, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[d]} ${c}`, role: "dialog", "aria-modal": "true", children: [
     t && /* @__PURE__ */ m("div", { className: E.header, children: [
       /* @__PURE__ */ r("h2", { className: E.title, children: t }),
       /* @__PURE__ */ r("button", { className: E.closeButton, onClick: s, "aria-label": "Close modal", children: "✕" })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",