@pineui/react 0.1.1 → 0.1.3

package/dist/pineui.es.js

@@ -1,4 +1,4 @@
-import Q, { useState as b, useEffect as W, Component as se } from "react";
+import Q, { useState as w, useEffect as W, Component as se } from "react";
 import ie from "react-dom";
 var J = {}, G = ie;
 J.createRoot = G.createRoot, J.hydrateRoot = G.hydrateRoot;
@@ -25,15 +25,15 @@ H.jsx = ee;
 H.jsxs = ee;
 X.exports = H;
 var i = X.exports;
-function S(e, n) {
+function T(e, n) {
   if (typeof e == "string")
     return pe(e, n);
   if (Array.isArray(e))
-    return e.map((r) => S(r, n));
+    return e.map((r) => T(r, n));
   if (e && typeof e == "object") {
     const r = {};
     for (const t in e)
-      r[t] = S(e[t], n);
+      r[t] = T(e[t], n);
     return r;
   }
   return e;
@@ -91,7 +91,7 @@ function ne(e) {
   } else for (r in e) e[r] && (t && (t += " "), t += r);
   return t;
 }
-function F() {
+function D() {
   for (var e, n, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (n = ne(e)) && (t && (t += " "), t += n);
   return t;
 }
@@ -102,7 +102,7 @@ const he = ({
   fontWeight: t,
   maxLines: s
 }) => {
-  const o = F("pineui-text", `pineui-text--${n}`, {
+  const o = D("pineui-text", `pineui-text--${n}`, {
     "pineui-text--bold": t === "bold"
   }), a = {
     color: r ? `var(--md-sys-color-${r}, ${r})` : void 0,
@@ -125,9 +125,9 @@ const he = ({
 }) => {
   const p = async () => {
     if (!t || s || !o || !a) return;
-    const g = S(o, a);
+    const g = T(o, a);
     await a.executeAction(g);
-  }, m = F("pineui-button", `pineui-button--${e.split(".")[1]}`, {
+  }, m = D("pineui-button", `pineui-button--${e.split(".")[1]}`, {
     "pineui-button--disabled": !t,
     "pineui-button--loading": s,
     [`pineui-button--${d}`]: d
@@ -162,10 +162,10 @@ const he = ({
   backgroundColor: y,
   border: g,
   borderRadius: j,
-  elevation: w,
-  borderRight: T,
+  elevation: b,
+  borderRight: E,
   borderLeft: $,
-  borderTop: E,
+  borderTop: S,
   borderBottom: _,
   onPress: N,
   context: C,
@@ -174,10 +174,10 @@ const he = ({
   if (!O || !C) return null;
   const B = async () => {
     if (N && C) {
-      const A = S(N, C);
+      const A = T(N, C);
       await C.executeAction(A);
     }
-  }, f = e === "layout.column", h = F("pineui-layout", {
+  }, f = e === "layout.column", h = D("pineui-layout", {
     "pineui-layout--column": f,
     "pineui-layout--row": !f
   }), l = {
@@ -195,10 +195,10 @@ const he = ({
     backgroundColor: y,
     border: g,
     borderRadius: j !== void 0 ? `${j}px` : void 0,
-    boxShadow: w ? xe(w) : void 0,
-    borderRight: T,
+    boxShadow: b ? xe(b) : void 0,
+    borderRight: E,
     borderLeft: $,
-    borderTop: E,
+    borderTop: S,
     borderBottom: _,
     minWidth: 0,
     // Permite que flex shrink funcione corretamente
@@ -246,10 +246,10 @@ const ge = ({
   if (!d || !a) return null;
   const c = async () => {
     if (o && a) {
-      const j = S(o, a);
+      const j = T(o, a);
       await a.executeAction(j);
     }
-  }, m = F("pineui-card", `pineui-card--elevation-${s === "outlined" || s === "filled" ? 0 : r}`, {
+  }, m = D("pineui-card", `pineui-card--elevation-${s === "outlined" || s === "filled" ? 0 : r}`, {
     "pineui-card--clickable": !!o,
     "pineui-card--outlined": s === "outlined",
     "pineui-card--filled": s === "filled"
@@ -257,7 +257,7 @@ const ge = ({
     padding: `${t}px`,
     ...s === "outlined" ? { border: "1px solid var(--md-sys-color-outline)" } : {},
     ...s === "filled" ? { background: "var(--md-sys-color-surfaceVariant)" } : {}
-  }, g = e ? /* @__PURE__ */ i.jsx(d, { node: e, context: a }) : n ? /* @__PURE__ */ i.jsx(i.Fragment, { children: n.map((j, w) => /* @__PURE__ */ i.jsx(d, { node: j, context: a }, w)) }) : null;
+  }, g = e ? /* @__PURE__ */ i.jsx(d, { node: e, context: a }) : n ? /* @__PURE__ */ i.jsx(i.Fragment, { children: n.map((j, b) => /* @__PURE__ */ i.jsx(d, { node: j, context: a }, b)) }) : null;
   return /* @__PURE__ */ i.jsx("div", { className: m, style: y, onClick: o ? c : void 0, children: g });
 }, be = ({
   src: e,
@@ -355,7 +355,7 @@ const _e = ({
   context: m,
   renderer: y
 }) => {
-  const [g, j] = b([]), [w, T] = b(!0), [$, E] = b(!1), [_, N] = b(null), [C, O] = b(!0), [B, f] = b(null), h = s.type === "action.http" && m ? s.url.replace(/\{\{state\.([^}]+)\}\}/g, (k, u) => {
+  const [g, j] = w([]), [b, E] = w(!0), [$, S] = w(!1), [_, N] = w(null), [C, O] = w(!0), [B, f] = w(null), h = s.type === "action.http" && m ? s.url.replace(/\{\{state\.([^}]+)\}\}/g, (k, u) => {
     const v = u.split(".");
     let x = m.state;
     for (const I of v) {
@@ -370,16 +370,16 @@ const _e = ({
   const l = async (k = !1) => {
     if (m)
       try {
-        if (k ? E(!0) : T(!0), N(null), s.type === "action.http") {
+        if (k ? S(!0) : E(!0), N(null), s.type === "action.http") {
           let u = s.url;
           u.includes("{{state.") && (u = u.replace(/\{\{state\.([^}]+)\}\}/g, (M, P) => {
             const z = P.split(".");
-            let D = m.state;
+            let F = m.state;
             for (const re of z) {
-              if (D == null) return "";
-              D = D[re];
+              if (F == null) return "";
+              F = F[re];
             }
-            return D != null ? String(D) : "";
+            return F != null ? String(F) : "";
           })), k && B && (u += `${u.includes("?") ? "&" : "?"}after=${B}`);
           const x = await (await fetch(u)).json(), I = x.data || x;
           if (j((M) => k ? [...M, ...I] : I), s.onSuccess && m) {
@@ -392,12 +392,12 @@ const _e = ({
       } catch (u) {
         N(u);
       } finally {
-        T(!1), E(!1);
+        E(!1), S(!1);
       }
   }, A = () => {
     !$ && C && l(!0);
   };
-  return !y || !m ? null : w && a ? /* @__PURE__ */ i.jsx(y, { node: a, context: m }) : _ && c ? /* @__PURE__ */ i.jsx(y, { node: c, context: m }) : g.length === 0 && d ? /* @__PURE__ */ i.jsx(y, { node: d, context: m }) : /* @__PURE__ */ i.jsxs("div", { className: "pineui-collection", "data-collection-id": e, children: [
+  return !y || !m ? null : b && a ? /* @__PURE__ */ i.jsx(y, { node: a, context: m }) : _ && c ? /* @__PURE__ */ i.jsx(y, { node: c, context: m }) : g.length === 0 && d ? /* @__PURE__ */ i.jsx(y, { node: d, context: m }) : /* @__PURE__ */ i.jsxs("div", { className: "pineui-collection", "data-collection-id": e, children: [
     p && /* @__PURE__ */ i.jsx("div", { className: "pineui-collection__refresh", children: /* @__PURE__ */ i.jsx("button", { onClick: () => l(!1), children: "Refresh" }) }),
     /* @__PURE__ */ i.jsx(
       "div",
@@ -414,7 +414,7 @@ const _e = ({
         })
       }
     ),
-    C && !w && /* @__PURE__ */ i.jsx("div", { className: "pineui-collection__load-more", style: { padding: "16px", textAlign: "center" }, children: /* @__PURE__ */ i.jsx(
+    C && !b && /* @__PURE__ */ i.jsx("div", { className: "pineui-collection__load-more", style: { padding: "16px", textAlign: "center" }, children: /* @__PURE__ */ i.jsx(
       "button",
       {
         onClick: A,
@@ -443,18 +443,18 @@ const _e = ({
   if (!d || !a) return null;
   const c = n || r;
   if (!c) return null;
-  const p = Array.isArray(e) ? e : [];
-  if (p.length === 0) return null;
-  const m = t === "grid" ? { display: "grid", gridTemplateColumns: `repeat(${s}, 1fr)`, gap: `${o}px` } : { display: "flex", flexDirection: "column", gap: `${o}px` };
-  return /* @__PURE__ */ i.jsx("div", { style: m, children: p.map((y, g) => {
-    const j = { ...a, item: y, index: g };
+  const p = typeof e == "string" ? T(e, a) : e, m = Array.isArray(p) ? p : [];
+  if (m.length === 0) return null;
+  const y = t === "grid" ? { display: "grid", gridTemplateColumns: `repeat(${s}, 1fr)`, gap: `${o}px` } : { display: "flex", flexDirection: "column", gap: `${o}px` };
+  return /* @__PURE__ */ i.jsx("div", { style: y, children: m.map((g, j) => {
+    const b = { ...a, item: g, index: j };
     return /* @__PURE__ */ i.jsx(
       d,
       {
         node: c,
-        context: j
+        context: b
       },
-      y.id ?? g
+      g.id ?? j
     );
   }) });
 }, ke = ({
@@ -525,7 +525,7 @@ const _e = ({
   onChange: y,
   context: g
 }) => {
-  const j = y || m, w = async (_) => {
+  const j = y || m, b = async (_) => {
     !j || !g || await g.executeAction(j, { event: { value: _.target.value }, value: _.target.value });
   }, $ = {
     "input.email": "email",
@@ -533,13 +533,13 @@ const _e = ({
     "input.number": "number",
     "input.search": "search",
     "input.text": "text"
-  }[e] || "text", E = {
+  }[e] || "text", S = {
     id: n,
     placeholder: t,
     defaultValue: s,
     maxLength: c,
     autoFocus: p,
-    onChange: w,
+    onChange: b,
     className: `pineui-input${o ? " pineui-input--error" : ""}`
   };
   return /* @__PURE__ */ i.jsxs("div", { className: "pineui-input-wrapper", style: { width: "100%" }, children: [
@@ -560,11 +560,11 @@ const _e = ({
     a ? /* @__PURE__ */ i.jsx(
       "textarea",
       {
-        ...E,
+        ...S,
         rows: d,
         style: { resize: "none", minHeight: `${d * 24}px` }
       }
-    ) : /* @__PURE__ */ i.jsx("input", { ...E, type: $ }),
+    ) : /* @__PURE__ */ i.jsx("input", { ...S, type: $ }),
     o && /* @__PURE__ */ i.jsx("p", { style: {
       fontSize: "12px",
       color: "var(--md-sys-color-error)",
@@ -589,7 +589,7 @@ const _e = ({
 }) => {
   if (!r || !n) return null;
   for (const t of e) {
-    const s = S({ when: t.when }, n);
+    const s = T({ when: t.when }, n);
     if (s.when === !0 || s.when === "true")
       return /* @__PURE__ */ i.jsx(r, { node: t.render, context: n });
   }
@@ -602,7 +602,7 @@ const _e = ({
   renderer: s
 }) => {
   if (!s || !t) return null;
-  const o = S({ condition: e }, t);
+  const o = T({ condition: e }, t);
   return o.condition === !0 || o.condition === "true" || o.condition === 1 ? r ? /* @__PURE__ */ i.jsx(s, { node: r, context: t }) : n ? /* @__PURE__ */ i.jsx(i.Fragment, { children: n.map((d, c) => /* @__PURE__ */ i.jsx(s, { node: d, context: t }, c)) }) : null : null;
 }, Se = ({
   tabs: e,
@@ -611,7 +611,7 @@ const _e = ({
   renderer: t
 }) => {
   var d;
-  const [s, o] = b(n || ((d = e[0]) == null ? void 0 : d.id));
+  const [s, o] = w(n || ((d = e[0]) == null ? void 0 : d.id));
   if (!t || !r) return null;
   const a = e.find((c) => c.id === s);
   return /* @__PURE__ */ i.jsxs("div", { className: "pineui-tabs", children: [
@@ -635,7 +635,7 @@ const _e = ({
   variant: n = "default",
   size: r = "medium"
 }) => {
-  const t = F(
+  const t = D(
     "pineui-badge",
     `pineui-badge--${n}`,
     `pineui-badge--${r}`
@@ -650,7 +650,7 @@ const _e = ({
 }) => {
   const o = async () => {
     t && s && await s.executeAction(t);
-  }, a = F("pineui-chip", {
+  }, a = D("pineui-chip", {
     "pineui-chip--selected": r
   });
   return /* @__PURE__ */ i.jsxs("button", { className: a, onClick: o, children: [
@@ -700,7 +700,7 @@ const _e = ({
   context: r,
   renderer: t
 }) => {
-  const [s, o] = b([]), [a, d] = b(!0);
+  const [s, o] = w([]), [a, d] = w(!0);
   W(() => {
     c();
   }, []);
@@ -744,14 +744,14 @@ const _e = ({
       }
     ) : /* @__PURE__ */ i.jsx("span", { children: p[y.key] }) }, y.key)) }, m)) })
   ] }) });
-}, Fe = ({ name: e, context: n, renderer: r, flex: t, width: s, height: o }) => {
+}, De = ({ name: e, context: n, renderer: r, flex: t, width: s, height: o }) => {
   var c;
   const a = (c = n == null ? void 0 : n.views) == null ? void 0 : c[e];
   if (!a)
     return console.warn(`View not found: ${e}`), null;
   const d = {};
   return t && (d.flex = t), s && (d.width = s), o && (d.height = o), /* @__PURE__ */ i.jsx("div", { className: "pineui-view", style: d, children: /* @__PURE__ */ i.jsx(r, { node: a.screen, context: n }) });
-}, De = {
+}, Fe = {
   text: he,
   "button.filled": L,
   "button.text": L,
@@ -783,11 +783,11 @@ const _e = ({
   grid: Me,
   progress: Be,
   table: We,
-  view: Fe
+  view: De
 }, R = ({ node: e, context: n, parentData: r }) => {
   if (!e || !e.type)
     return null;
-  const t = r !== void 0 ? Object.assign({}, n, { item: r }) : n, o = e.type !== "collection" ? S(e, t) : e;
+  const t = r !== void 0 ? Object.assign({}, n, { item: r }) : n, o = e.type !== "collection" && e.type !== "collection.map" ? T(e, t) : e;
   if (o.type.startsWith("component.")) {
     const d = o.type, c = n.components[d];
     if (!c)
@@ -798,7 +798,7 @@ const _e = ({
     };
     return /* @__PURE__ */ i.jsx(R, { node: c.definition, context: p, parentData: r });
   }
-  const a = De[o.type];
+  const a = Fe[o.type];
   return a ? /* @__PURE__ */ i.jsx(
     a,
     {
@@ -811,7 +811,7 @@ const _e = ({
   message: e,
   onDismiss: n
 }) => {
-  const [r, t] = b(!1);
+  const [r, t] = w(!1);
   return W(() => {
     setTimeout(() => t(!0), 10);
     const s = setTimeout(() => {
@@ -943,7 +943,7 @@ function Pe(e, n) {
   return t;
 }
 const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
-  const [t, s] = b(null), [o, a] = b(!0), [d, c] = b(null), [p, m] = b([]), [y, g] = b({}), j = (e == null ? void 0 : e.state) || {
+  const [t, s] = w(null), [o, a] = w(!0), [d, c] = w(null), [p, m] = w([]), [y, g] = w({}), j = (e == null ? void 0 : e.state) || {
     currentUser: {
       id: "user_current",
       username: "currentuser",
@@ -956,25 +956,25 @@ const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       posting: !1
     },
     testInput: ""
-  }, [w, T] = b(j);
+  }, [b, E] = w(j);
   W(() => {
-    n && !e ? E() : e && $();
+    n && !e ? S() : e && $();
   }, [n, e, r]);
   const $ = async () => {
     try {
       a(!0);
       let f = e;
-      f.imports && r && (console.log("Loading imports for initial schema...", f.imports), f = await Z(f, r), console.log("Imports loaded! Components:", Object.keys(f.components || {}))), s(f), f.state && T((h) => ({ ...h, ...f.state }));
+      f.imports && r && (console.log("Loading imports for initial schema...", f.imports), f = await Z(f, r), console.log("Imports loaded! Components:", Object.keys(f.components || {}))), s(f), f.state && E((h) => ({ ...h, ...f.state }));
     } catch (f) {
       c(f);
     } finally {
       a(!1);
     }
-  }, E = async () => {
+  }, S = async () => {
     try {
       a(!0);
       let h = await (await fetch(n)).json();
-      h.imports && r && (h = await Z(h, r)), s(h), h.state && T((l) => ({ ...l, ...h.state }));
+      h.imports && r && (h = await Z(h, r)), s(h), h.state && E((l) => ({ ...l, ...h.state }));
     } catch (f) {
       c(f);
     } finally {
@@ -982,8 +982,8 @@ const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
     }
   }, _ = async (f, h) => {
     var A, k;
-    (f.type === "action.sequence" || f.intent && f.intent.startsWith("course")) && console.log(`[executeAction] type=${f.intent || f.type}, courseList.length=${((A = w.courseList) == null ? void 0 : A.length) ?? "N/A"}, selectedCourseIndex=${w.selectedCourseIndex}`);
-    const l = S(f, { state: w, ...h });
+    (f.type === "action.sequence" || f.intent && f.intent.startsWith("course")) && console.log(`[executeAction] type=${f.intent || f.type}, courseList.length=${((A = b.courseList) == null ? void 0 : A.length) ?? "N/A"}, selectedCourseIndex=${b.selectedCourseIndex}`);
+    const l = T(f, { state: b, ...h });
     if (l.intent) {
       const u = l.intent, v = { ...h, ...l };
       return delete v.intent, N(u, v);
@@ -1014,7 +1014,7 @@ const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
       }
       case "action.state.patch": {
         const u = l.value;
-        console.log(`[patch] ${l.path} =`, typeof u == "object" && u !== null ? Array.isArray(u) ? `Array(${u.length})` : `{id: ${u == null ? void 0 : u.id}, title: ${u == null ? void 0 : u.title}}` : u), T((v) => {
+        console.log(`[patch] ${l.path} =`, typeof u == "object" && u !== null ? Array.isArray(u) ? `Array(${u.length})` : `{id: ${u == null ? void 0 : u.id}, title: ${u == null ? void 0 : u.title}}` : u), E((v) => {
           const x = { ...v };
           return Je(x, l.path, l.value), x;
         });
@@ -1043,7 +1043,7 @@ const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
         const u = typeof l.message == "string" && l.message.includes("{{") ? l.message.replace(/\{\{(.+?)\}\}/g, (x, I) => {
           const M = I.trim();
           if (M.startsWith("state.")) {
-            const P = M.substring(6), z = Pe(w, P);
+            const P = M.substring(6), z = Pe(b, P);
             return z != null ? String(z) : "";
           }
           return "";
@@ -1085,7 +1085,7 @@ const qe = ({ schema: e, schemaUrl: n, baseUrl: r = "" }) => {
     else
       await _(l.handler, h);
   }, C = {
-    state: w,
+    state: b,
     data: {},
     components: (t == null ? void 0 : t.components) || {},
     views: (t == null ? void 0 : t.views) || {},