@actionexec/dashboards 0.5.4 → 0.6.0

package/dist/index.js

@@ -1,80 +1,80 @@
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import { useState as N, useRef as F, useEffect as T, useCallback as M, useMemo as j } from "react";
-import { O as G, Q as z, K as H, B as I, H as W, m as D, v as R, I as X, k as L, p as q, u as Q, s as U, d as J, x as Z, w as B, b as ee } from "./index-BXIn44vr.js";
-import { R as je } from "./index-BXIn44vr.js";
-import { PieChart as te, Pie as ae, Cell as re, Tooltip as P, LineChart as le, Line as ne, AreaChart as ie, Area as se, BarChart as ce, Bar as oe, CartesianGrid as de, XAxis as he, YAxis as ge, Legend as ue } from "recharts";
-const me = 300;
-function pe(a) {
-  const [r, n] = N(null), [t, e] = N(null), [i, c] = N({}), [s, m] = N({}), [o, d] = N(null), [h, u] = N(!0), [w, g] = N(null), p = F(), k = F(!1);
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { useState as k, useRef as F, useEffect as T, useCallback as R, useMemo as j } from "react";
+import { Q as z, R as U, n as L, L as H, G as I, I as D, m as P, w as M, J as X, k as A, q, v as Q, t as J, d as Z, y as B, x as ee, b as te } from "./ColorPaletteSelector-Bsda66uL.js";
+import { U as Ue } from "./ColorPaletteSelector-Bsda66uL.js";
+import { PieChart as ae, Pie as re, Cell as le, Tooltip as Y, LineChart as ne, Line as ie, AreaChart as se, Area as ce, BarChart as oe, Bar as de, CartesianGrid as ge, XAxis as he, YAxis as ue, Legend as me } from "recharts";
+const _e = 300;
+function be(t) {
+  const [l, n] = k(null), [r, e] = k(null), [i, c] = k({}), [s, m] = k({}), [g, o] = k(null), [d, h] = k(!0), [w, u] = k(null), b = F(), y = F(!1);
   T(() => {
     let v = !1;
-    return G(a).then((f) => {
+    return z(t).then((f) => {
       v || n(f);
     }).catch((f) => {
-      v || g(f.message);
+      v || u(f.message);
     }), () => {
       v = !0;
     };
-  }, [a]), T(() => {
-    if (r)
-      return p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-        const v = _e(i, s);
-        u(!0), z(a, v).then((f) => {
-          e(f), !k.current && f.applied && (k.current = !0, c(($) => ({ ...be(f.applied), ...$ }))), g(null);
-        }).catch((f) => g(f.message)).finally(() => u(!1));
-      }, me), () => {
-        p.current && clearTimeout(p.current);
+  }, [t]), T(() => {
+    if (l)
+      return b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        const v = pe(i, s);
+        h(!0), U(t, v).then((f) => {
+          e(f), !y.current && f.applied && (y.current = !0, c(($) => ({ ...fe(f.applied), ...$ }))), u(null);
+        }).catch((f) => u(f.message)).finally(() => h(!1));
+      }, _e), () => {
+        b.current && clearTimeout(b.current);
       };
-  }, [a, r, i, s]);
-  const b = M((v, f) => {
+  }, [t, l, i, s]);
+  const p = R((v, f) => {
     c(($) => ({ ...$, [v]: f }));
-  }, []), S = M((v, f) => {
+  }, []), S = R((v, f) => {
     m(($) => ({ ...$, [v]: f }));
-  }, []), y = M((v) => {
-    d(v);
+  }, []), N = R((v) => {
+    o(v);
   }, []), C = j(
-    () => o ?? (r == null ? void 0 : r.palette) ?? [],
-    [o, r]
+    () => g ?? (l == null ? void 0 : l.palette) ?? [],
+    [g, l]
   );
   return {
-    layout: r,
-    renderData: t,
-    loading: h,
+    layout: l,
+    renderData: r,
+    loading: d,
     error: w,
     filters: i,
     variables: s,
     palette: C,
-    setFilter: b,
+    setFilter: p,
     setVariable: S,
-    setPalette: y
+    setPalette: N
   };
 }
-function _e(a, r) {
+function pe(t, l) {
   const n = {};
-  for (const [t, e] of Object.entries(a))
+  for (const [r, e] of Object.entries(t))
     if (e.includes("|")) {
       const [i, c] = e.split("|");
       i && (n.f_date_start = i), c && (n.f_date_end = c);
     } else
-      n[`f_${t}`] = e;
-  for (const [t, e] of Object.entries(r))
-    n[`v_${t}`] = String(e);
+      n[`f_${r}`] = e;
+  for (const [r, e] of Object.entries(l))
+    n[`v_${r}`] = String(e);
   return n;
 }
-function be(a) {
-  const r = {};
-  for (const [n, t] of Object.entries(a))
-    if (t && typeof t == "object" && "start" in t) {
-      const e = t;
-      r[n] = `${e.start || ""}|${e.end || ""}`;
-    } else Array.isArray(t) ? r[n] = t.join(",") : typeof t == "string" && (r[n] = t);
-  return r;
+function fe(t) {
+  const l = {};
+  for (const [n, r] of Object.entries(t))
+    if (r && typeof r == "object" && "start" in r) {
+      const e = r;
+      l[n] = `${e.start || ""}|${e.end || ""}`;
+    } else Array.isArray(r) ? l[n] = r.join(L) : typeof r == "string" && (l[n] = r);
+  return l;
 }
-function fe({ data: a, label: r }) {
-  const n = r || String(a.label || ""), t = String(a.formatted || "-"), e = a.comparison, i = (e == null ? void 0 : e.trend) === "up" ? "widget-kpi__trend--up" : (e == null ? void 0 : e.trend) === "down" ? "widget-kpi__trend--down" : "", c = (e == null ? void 0 : e.trend) === "up" ? "↑" : (e == null ? void 0 : e.trend) === "down" ? "↓" : "";
+function we({ data: t, label: l }) {
+  const n = l || String(t.label || ""), r = String(t.formatted || "-"), e = t.comparison, i = (e == null ? void 0 : e.trend) === "up" ? "widget-kpi__trend--up" : (e == null ? void 0 : e.trend) === "down" ? "widget-kpi__trend--down" : "", c = (e == null ? void 0 : e.trend) === "up" ? "↑" : (e == null ? void 0 : e.trend) === "down" ? "↓" : "";
   return /* @__PURE__ */ _("div", { className: "widget widget-kpi", children: [
-    /* @__PURE__ */ l("span", { className: "widget-kpi__label", children: n }),
-    /* @__PURE__ */ l("span", { className: "widget-kpi__value", children: t }),
+    /* @__PURE__ */ a("span", { className: "widget-kpi__label", children: n }),
+    /* @__PURE__ */ a("span", { className: "widget-kpi__value", children: r }),
     e && e.variance_pct != null && /* @__PURE__ */ _("div", { className: `widget-kpi__trend ${i}`, children: [
       /* @__PURE__ */ _("span", { className: "widget-kpi__variance", children: [
         c,
@@ -83,45 +83,45 @@ function fe({ data: a, label: r }) {
         e.variance_pct.toFixed(1),
         "%"
       ] }),
-      e.label && /* @__PURE__ */ l("span", { className: "widget-kpi__trend-label", children: e.label })
+      e.label && /* @__PURE__ */ a("span", { className: "widget-kpi__trend-label", children: e.label })
     ] })
   ] });
 }
 const ve = "var(--bg-elevated)";
-function O(a, r, n, t) {
-  if (t <= 0) return "";
-  if (t >= 1)
-    return `M ${a - n} ${r} A ${n} ${n} 0 0 1 ${a} ${r - n} A ${n} ${n} 0 0 1 ${a + n} ${r}`;
-  const e = t * Math.PI, i = a - n * Math.cos(e), c = r - n * Math.sin(e);
-  return `M ${a - n} ${r} A ${n} ${n} 0 0 1 ${i} ${c}`;
+function E(t, l, n, r) {
+  if (r <= 0) return "";
+  if (r >= 1)
+    return `M ${t - n} ${l} A ${n} ${n} 0 0 1 ${t} ${l - n} A ${n} ${n} 0 0 1 ${t + n} ${l}`;
+  const e = r * Math.PI, i = t - n * Math.cos(e), c = l - n * Math.sin(e);
+  return `M ${t - n} ${l} A ${n} ${n} 0 0 1 ${i} ${c}`;
 }
-function A(a) {
-  const r = Math.abs(a);
-  return r >= 1e6 ? `${(a / 1e6).toFixed(1)}M` : r >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : a.toLocaleString("pt-BR");
+function O(t) {
+  const l = Math.abs(t);
+  return l >= 1e6 ? `${(t / 1e6).toFixed(1)}M` : l >= 1e3 ? `${(t / 1e3).toFixed(1)}K` : t.toLocaleString("pt-BR");
 }
-function we({ data: a, palette: r, label: n }) {
-  const t = n || String(a.label || ""), e = typeof a.value == "number" ? a.value : null, i = e != null ? A(e) : "-", c = String(a.formatted || "-"), s = typeof a.ratio == "number" ? a.ratio : 0, m = a.target_value, o = a.comparison_label, d = s >= 1, h = Math.min(Math.max(s, 0), 1), u = d ? "var(--action-green)" : s >= 0.7 ? r[0] || "var(--color-info)" : s >= 0.4 ? "var(--color-warning)" : "var(--color-error)", w = m != null ? A(m) : "-", g = 50, p = 50, k = 44, b = 10;
+function ye({ data: t, palette: l, label: n }) {
+  const r = n || String(t.label || ""), e = typeof t.value == "number" ? t.value : null, i = e != null ? O(e) : "-", c = String(t.formatted || "-"), s = typeof t.ratio == "number" ? t.ratio : 0, m = t.target_value, g = t.comparison_label, o = s >= 1, d = Math.min(Math.max(s, 0), 1), h = o ? "var(--action-green)" : s >= 0.7 ? l[0] || "var(--color-info)" : s >= 0.4 ? "var(--color-warning)" : "var(--color-error)", w = m != null ? O(m) : "-", u = 50, b = 50, y = 44, p = 10;
   return /* @__PURE__ */ _("div", { className: "widget widget-gauge", children: [
-    /* @__PURE__ */ l("span", { className: "widget-gauge__label", children: t }),
+    /* @__PURE__ */ a("span", { className: "widget-gauge__label", children: r }),
     /* @__PURE__ */ _("div", { className: "widget-gauge__chart", children: [
       /* @__PURE__ */ _("svg", { viewBox: "0 0 100 56", preserveAspectRatio: "xMidYMax meet", children: [
-        /* @__PURE__ */ l("path", { d: O(g, p, k, 1), fill: "none", stroke: ve, strokeWidth: b, strokeLinecap: "butt" }),
-        h > 0 && /* @__PURE__ */ l("path", { d: O(g, p, k, h), fill: "none", stroke: u, strokeWidth: b, strokeLinecap: "butt" })
+        /* @__PURE__ */ a("path", { d: E(u, b, y, 1), fill: "none", stroke: ve, strokeWidth: p, strokeLinecap: "butt" }),
+        d > 0 && /* @__PURE__ */ a("path", { d: E(u, b, y, d), fill: "none", stroke: h, strokeWidth: p, strokeLinecap: "butt" })
       ] }),
       /* @__PURE__ */ _("div", { className: "widget-gauge__center", children: [
-        /* @__PURE__ */ l("span", { className: "widget-gauge__percent", children: c }),
+        /* @__PURE__ */ a("span", { className: "widget-gauge__percent", children: c }),
         /* @__PURE__ */ _("span", { className: "widget-gauge__comparison", children: [
           i,
           " / ",
           w
         ] }),
-        d && /* @__PURE__ */ l("span", { className: "widget-gauge__badge", children: o || "Meta batida" }),
-        !d && o && /* @__PURE__ */ l("span", { className: "widget-gauge__comparison", children: o })
+        o && /* @__PURE__ */ a("span", { className: "widget-gauge__badge", children: g || "Meta batida" }),
+        !o && g && /* @__PURE__ */ a("span", { className: "widget-gauge__comparison", children: g })
       ] })
     ] })
   ] });
 }
-const E = { fontSize: 10, fill: "var(--text-muted)" }, ye = "var(--bg-elevated)", Y = {
+const W = { fontSize: 10, fill: "var(--text-muted)" }, Ne = "var(--bg-elevated)", V = {
   backgroundColor: "var(--bg-elevated)",
   border: "1px solid var(--bg-paper)",
   borderRadius: "6px",
@@ -130,342 +130,408 @@ const E = { fontSize: 10, fill: "var(--text-muted)" }, ye = "var(--bg-elevated)"
   color: "var(--text-primary)",
   fontWeight: 600
 };
-function V(a, r) {
+function G(t, l) {
   var e;
-  const n = Array.isArray(r) ? r[0] : void 0, t = (e = n == null ? void 0 : n.payload) == null ? void 0 : e.tooltipLabel;
-  return typeof t == "string" && t ? t : String(a ?? "");
+  const n = Array.isArray(l) ? l[0] : void 0, r = (e = n == null ? void 0 : n.payload) == null ? void 0 : e.tooltipLabel;
+  return typeof r == "string" && r ? r : String(t ?? "");
 }
-function Ne(a) {
-  const [r, n] = N({ width: 0, height: 0 });
+function ke(t) {
+  const [l, n] = k({ width: 0, height: 0 });
   return T(() => {
-    const t = a.current;
-    if (!t) return;
+    const r = t.current;
+    if (!r) return;
     const e = new ResizeObserver(([i]) => {
       const { width: c, height: s } = i.contentRect;
       n(
         (m) => m.width !== Math.floor(c) || m.height !== Math.floor(s) ? { width: Math.floor(c), height: Math.floor(s) } : m
       );
     });
-    return e.observe(t), () => e.disconnect();
-  }, [a]), r;
+    return e.observe(r), () => e.disconnect();
+  }, [t]), l;
 }
-function x({ Chart: a, chartData: r, xKey: n, series: t, palette: e, renderSeries: i, width: c, height: s }) {
-  return /* @__PURE__ */ _(a, { data: r, width: c, height: s, children: [
-    /* @__PURE__ */ l(de, { strokeDasharray: "3 3", stroke: ye }),
-    /* @__PURE__ */ l(he, { dataKey: n, tick: E }),
-    /* @__PURE__ */ l(ge, { tick: E }),
-    /* @__PURE__ */ l(
-      P,
+function x({ Chart: t, chartData: l, xKey: n, series: r, palette: e, renderSeries: i, width: c, height: s }) {
+  return /* @__PURE__ */ _(t, { data: l, width: c, height: s, children: [
+    /* @__PURE__ */ a(ge, { strokeDasharray: "3 3", stroke: Ne }),
+    /* @__PURE__ */ a(he, { dataKey: n, tick: W }),
+    /* @__PURE__ */ a(ue, { tick: W }),
+    /* @__PURE__ */ a(
+      Y,
       {
-        contentStyle: Y,
+        contentStyle: V,
         labelStyle: K,
-        labelFormatter: V,
+        labelFormatter: G,
         cursor: { fill: "var(--bg-paper)", opacity: 0.3 }
       }
     ),
-    t.length > 1 && /* @__PURE__ */ l(ue, {}),
-    t.map((m, o) => i(m, e[o % e.length], o))
+    r.length > 1 && /* @__PURE__ */ a(me, {}),
+    r.map((m, g) => i(m, e[g % e.length], g))
   ] });
 }
-function ke({ data: a, palette: r, label: n }) {
-  const t = String(a.chartType || "bar"), e = n || String(a.label || ""), i = String(a.xKey || "label"), c = a.series || [], s = a.data || [], m = F(null), { width: o, height: d } = Ne(m);
-  return s.length ? /* @__PURE__ */ _("div", { className: "widget widget-chart", children: [
-    e && /* @__PURE__ */ l("h4", { className: "widget-chart__title", children: e }),
-    /* @__PURE__ */ l("div", { ref: m, className: "widget-chart__container", children: (() => {
-      var w;
-      if (o <= 0 || d <= 0) return null;
-      if (t === "pie")
-        return /* @__PURE__ */ _(te, { width: o, height: d, children: [
-          /* @__PURE__ */ l(
-            ae,
-            {
-              data: s,
-              dataKey: ((w = c[0]) == null ? void 0 : w.key) || "s0",
-              nameKey: i,
-              cx: "50%",
-              cy: "50%",
-              outerRadius: "75%",
-              label: ({ name: g, percent: p }) => `${g}: ${(p * 100).toFixed(0)}%`,
-              labelLine: !1,
-              children: s.map((g, p) => /* @__PURE__ */ l(re, { fill: r[p % r.length] }, p))
-            }
-          ),
-          /* @__PURE__ */ l(
-            P,
-            {
-              contentStyle: Y,
-              labelStyle: K,
-              labelFormatter: V
-            }
-          )
-        ] });
-      const u = { chartData: s, xKey: i, series: c, palette: r, width: o, height: d };
-      return t === "line" ? /* @__PURE__ */ l(x, { ...u, Chart: le, renderSeries: (g, p) => /* @__PURE__ */ l(
-        ne,
-        {
-          type: "monotone",
-          dataKey: g.key,
-          name: g.label,
-          stroke: p,
-          strokeWidth: 2,
-          dot: s.length <= 31
-        },
-        g.key
-      ) }) : t === "area" ? /* @__PURE__ */ l(x, { ...u, Chart: ie, renderSeries: (g, p) => /* @__PURE__ */ l(
-        se,
-        {
-          type: "monotone",
-          dataKey: g.key,
-          name: g.label,
-          fill: p,
-          stroke: p,
-          fillOpacity: 0.3
-        },
-        g.key
-      ) }) : /* @__PURE__ */ l(x, { ...u, Chart: ce, renderSeries: (g, p) => /* @__PURE__ */ l(
-        oe,
-        {
-          dataKey: g.key,
-          name: g.label,
-          fill: p,
-          radius: [3, 3, 0, 0]
-        },
-        g.key
-      ) });
-    })() })
-  ] }) : /* @__PURE__ */ l("div", { className: "widget widget-chart widget-chart--empty", children: "Sem dados" });
+function $e({ data: t, palette: l, label: n }) {
+  const r = String(t.chartType || "bar"), e = n || String(t.label || ""), i = String(t.xKey || "label"), c = t.series || [], s = t.data || [], m = F(null), { width: g, height: o } = ke(m), d = () => {
+    var w;
+    if (g <= 0 || o <= 0) return null;
+    if (r === "pie")
+      return /* @__PURE__ */ _(ae, { width: g, height: o, children: [
+        /* @__PURE__ */ a(
+          re,
+          {
+            data: s,
+            dataKey: ((w = c[0]) == null ? void 0 : w.key) || "s0",
+            nameKey: i,
+            cx: "50%",
+            cy: "50%",
+            outerRadius: "75%",
+            label: ({ name: u, percent: b }) => `${u}: ${(b * 100).toFixed(0)}%`,
+            labelLine: !1,
+            children: s.map((u, b) => /* @__PURE__ */ a(le, { fill: l[b % l.length] }, b))
+          }
+        ),
+        /* @__PURE__ */ a(
+          Y,
+          {
+            contentStyle: V,
+            labelStyle: K,
+            labelFormatter: G
+          }
+        )
+      ] });
+    const h = { chartData: s, xKey: i, series: c, palette: l, width: g, height: o };
+    return r === "line" ? /* @__PURE__ */ a(x, { ...h, Chart: ne, renderSeries: (u, b) => /* @__PURE__ */ a(
+      ie,
+      {
+        type: "monotone",
+        dataKey: u.key,
+        name: u.label,
+        stroke: b,
+        strokeWidth: 2,
+        dot: s.length <= 31
+      },
+      u.key
+    ) }) : r === "area" ? /* @__PURE__ */ a(x, { ...h, Chart: se, renderSeries: (u, b) => /* @__PURE__ */ a(
+      ce,
+      {
+        type: "monotone",
+        dataKey: u.key,
+        name: u.label,
+        fill: b,
+        stroke: b,
+        fillOpacity: 0.3
+      },
+      u.key
+    ) }) : /* @__PURE__ */ a(x, { ...h, Chart: oe, renderSeries: (u, b) => /* @__PURE__ */ a(
+      de,
+      {
+        dataKey: u.key,
+        name: u.label,
+        fill: b,
+        radius: [3, 3, 0, 0]
+      },
+      u.key
+    ) });
+  };
+  return /* @__PURE__ */ _("div", { className: "widget widget-chart", children: [
+    e && /* @__PURE__ */ a("h4", { className: "widget-chart__title", children: e }),
+    /* @__PURE__ */ a("div", { ref: m, className: "widget-chart__container", children: s.length === 0 ? /* @__PURE__ */ a("div", { className: "widget-chart__empty", children: "Sem dados" }) : d() })
+  ] });
 }
-function $e({ config: a, value: r, options: n = [], dateBounds: t, onChange: e }) {
-  const i = a.filterType || "select", c = a.label || "Filtro", s = a.dateFilterMode || "range";
+function Se(t, l) {
+  if (t == null || t === "") return "-";
+  const n = typeof t == "number" ? t : Number(t), r = t !== "" && !Number.isNaN(n);
+  switch (l) {
+    case "currency":
+      return r ? n.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }) : String(t);
+    case "integer":
+      return r ? Math.round(n).toLocaleString("pt-BR") : String(t);
+    case "number":
+      return r ? n.toLocaleString("pt-BR", { maximumFractionDigits: 1 }) : String(t);
+    case "percentage":
+      return r ? `${n > 0 ? "+" : ""}${Math.round(n)}%` : String(t);
+    default:
+      return String(t);
+  }
+}
+function Ce({ data: t, label: l }) {
+  var g;
+  const [n, r] = k(0), e = t.columns || [], i = t.tabs || [], c = i.length > 0, s = c ? ((g = i[Math.min(n, i.length - 1)]) == null ? void 0 : g.rows) || [] : t.rows || [], m = l || String(t.label || "");
+  return e.length === 0 ? /* @__PURE__ */ _("div", { className: "widget widget-table", children: [
+    m && /* @__PURE__ */ a("span", { className: "widget-table__label", children: m }),
+    /* @__PURE__ */ a("span", { className: "widget-table__empty", children: "Configure as colunas da tabela." })
+  ] }) : /* @__PURE__ */ _("div", { className: "widget widget-table", children: [
+    m && /* @__PURE__ */ a("span", { className: "widget-table__label", children: m }),
+    c && /* @__PURE__ */ a("div", { className: "widget-table__tabs", role: "tablist", children: i.map((o, d) => /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": d === n,
+        className: `widget-table__tab${d === n ? " widget-table__tab--active" : ""}`,
+        onClick: () => r(d),
+        children: o.label
+      },
+      d
+    )) }),
+    /* @__PURE__ */ a("div", { className: "widget-table__scroll", children: /* @__PURE__ */ _("table", { className: "widget-table__table", children: [
+      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((o) => {
+        const d = !!o.format && o.format !== "text";
+        return /* @__PURE__ */ a("th", { className: `widget-table__th${d ? " widget-table__th--num" : ""}`, children: o.label || o.key }, o.key);
+      }) }) }),
+      /* @__PURE__ */ a("tbody", { children: s.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { className: "widget-table__td widget-table__empty", colSpan: e.length, children: "Sem dados" }) }) : s.map((o, d) => /* @__PURE__ */ a("tr", { children: e.map((h) => {
+        const w = o[h.key], u = !!h.format && h.format !== "text";
+        let b = "";
+        if (h.format === "percentage") {
+          const y = Number(w);
+          Number.isNaN(y) || (b = y > 0 ? " widget-table__td--up" : y < 0 ? " widget-table__td--down" : "");
+        }
+        return /* @__PURE__ */ a("td", { className: `widget-table__td${u ? " widget-table__td--num" : ""}${b}`, children: Se(w, h.format) }, h.key);
+      }) }, d)) })
+    ] }) })
+  ] });
+}
+function Re({ config: t, value: l, options: n = [], dateBounds: r, onChange: e }) {
+  const i = t.filterType || "select", c = t.label || "Filtro", s = t.dateFilterMode || "range";
   return /* @__PURE__ */ _("div", { className: "widget-filter", children: [
-    /* @__PURE__ */ l("label", { className: "widget-filter__label", children: c }),
-    i === "date_range" ? s === "yearly" ? /* @__PURE__ */ l(Ce, { value: r, dateBounds: t, onChange: e }) : s === "monthly" ? /* @__PURE__ */ l(Me, { value: r, dateBounds: t, onChange: e }) : s === "weekly" ? /* @__PURE__ */ l(Re, { value: r, dateBounds: t, onChange: e }) : /* @__PURE__ */ l(Se, { value: r, dateBounds: t, onChange: e }) : /* @__PURE__ */ l(
-      xe,
+    /* @__PURE__ */ a("label", { className: "widget-filter__label", children: c }),
+    i === "date_range" ? s === "yearly" ? /* @__PURE__ */ a(xe, { value: l, dateBounds: r, onChange: e }) : s === "monthly" ? /* @__PURE__ */ a(Fe, { value: l, dateBounds: r, onChange: e }) : s === "weekly" ? /* @__PURE__ */ a(Te, { value: l, dateBounds: r, onChange: e }) : /* @__PURE__ */ a(Me, { value: l, dateBounds: r, onChange: e }) : /* @__PURE__ */ a(
+      Le,
       {
-        value: r,
+        value: l,
         options: n,
         multi: i === "multi_select",
-        searchable: a.searchable || !1,
+        searchable: t.searchable || !1,
         onChange: e
       }
     )
   ] });
 }
-function Se({ value: a, dateBounds: r, onChange: n }) {
-  const [t, e] = a ? a.split("|") : ["", ""];
+function Me({ value: t, dateBounds: l, onChange: n }) {
+  const [r, e] = t ? t.split("|") : ["", ""];
   return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--stacked", children: [
-    /* @__PURE__ */ l(
-      L,
+    /* @__PURE__ */ a(
+      A,
       {
-        value: t,
-        minIso: r == null ? void 0 : r.min,
-        maxIso: e || (r == null ? void 0 : r.max),
+        value: r,
+        minIso: l == null ? void 0 : l.min,
+        maxIso: e || (l == null ? void 0 : l.max),
         selectsStart: !0,
-        startIso: t,
+        startIso: r,
         endIso: e,
         placeholder: "Data inicial",
         onChange: (i) => n(`${i}|${e}`)
       }
     ),
-    /* @__PURE__ */ l(
-      L,
+    /* @__PURE__ */ a(
+      A,
       {
         value: e,
-        minIso: t || (r == null ? void 0 : r.min),
-        maxIso: r == null ? void 0 : r.max,
+        minIso: r || (l == null ? void 0 : l.min),
+        maxIso: l == null ? void 0 : l.max,
         selectsEnd: !0,
-        startIso: t,
+        startIso: r,
         endIso: e,
         placeholder: "Data final",
-        onChange: (i) => n(`${t}|${i}`)
+        onChange: (i) => n(`${r}|${i}`)
       }
     )
   ] });
 }
-function Ce({ value: a, dateBounds: r, onChange: n }) {
-  const [t] = a ? a.split("|") : [""], e = H(t), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = I(r), m = (o) => {
-    const d = U(o);
-    n(`${d.start}|${d.end}`);
+function xe({ value: t, dateBounds: l, onChange: n }) {
+  const [r] = t ? t.split("|") : [""], e = H(r), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = I(l), m = (g) => {
+    const o = J(g);
+    n(`${o.start}|${o.end}`);
   };
-  return /* @__PURE__ */ l("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ a("div", { className: "widget-filter__date-range widget-filter__date-range--year", children: /* @__PURE__ */ a(
     "select",
     {
       className: "widget-filter__select",
       value: c,
-      onChange: (o) => m(parseInt(o.target.value)),
-      children: s.map((o) => /* @__PURE__ */ l("option", { value: o, children: o }, o))
+      onChange: (g) => m(parseInt(g.target.value)),
+      children: s.map((g) => /* @__PURE__ */ a("option", { value: g, children: g }, g))
     }
   ) });
 }
-function Me({ value: a, dateBounds: r, onChange: n }) {
-  const [t] = a ? a.split("|") : [""], e = W(t), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(r), o = (d, h) => {
-    const u = Q(d, h);
-    n(`${u.start}|${u.end}`);
+function Fe({ value: t, dateBounds: l, onChange: n }) {
+  const [r] = t ? t.split("|") : [""], e = D(r), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(l), g = (o, d) => {
+    const h = Q(o, d);
+    n(`${h.start}|${h.end}`);
   };
   return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--month", children: [
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: s,
-        onChange: (d) => o(c, parseInt(d.target.value)),
-        children: D.map((d, h) => /* @__PURE__ */ l("option", { value: h + 1, children: d }, h + 1))
+        onChange: (o) => g(c, parseInt(o.target.value)),
+        children: P.map((o, d) => /* @__PURE__ */ a("option", { value: d + 1, children: o }, d + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (d) => o(parseInt(d.target.value), s),
-        children: m.map((d) => /* @__PURE__ */ l("option", { value: d, children: d }, d))
+        onChange: (o) => g(parseInt(o.target.value), s),
+        children: m.map((o) => /* @__PURE__ */ a("option", { value: o, children: o }, o))
       }
     )
   ] });
 }
-function Re({ value: a, dateBounds: r, onChange: n }) {
-  const [t] = a ? a.split("|") : [""], e = W(t), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(r), o = R(c, s), d = X(t, c, s) || 1;
+function Te({ value: t, dateBounds: l, onChange: n }) {
+  const [r] = t ? t.split("|") : [""], e = D(r), i = /* @__PURE__ */ new Date(), c = (e == null ? void 0 : e.year) ?? i.getFullYear(), s = (e == null ? void 0 : e.month) ?? i.getMonth() + 1, m = I(l), g = M(c, s), o = X(r, c, s) || 1;
   return /* @__PURE__ */ _("div", { className: "widget-filter__date-range widget-filter__date-range--week", children: [
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: c,
-        onChange: (h) => {
-          const u = parseInt(h.target.value), g = R(u, s)[0];
-          g && n(`${g.start}|${g.end}`);
+        onChange: (d) => {
+          const h = parseInt(d.target.value), u = M(h, s)[0];
+          u && n(`${u.start}|${u.end}`);
         },
-        children: m.map((h) => /* @__PURE__ */ l("option", { value: h, children: h }, h))
+        children: m.map((d) => /* @__PURE__ */ a("option", { value: d, children: d }, d))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
         value: s,
-        onChange: (h) => {
-          const u = parseInt(h.target.value), g = R(c, u)[0];
-          g && n(`${g.start}|${g.end}`);
+        onChange: (d) => {
+          const h = parseInt(d.target.value), u = M(c, h)[0];
+          u && n(`${u.start}|${u.end}`);
         },
-        children: D.map((h, u) => /* @__PURE__ */ l("option", { value: u + 1, children: h }, u + 1))
+        children: P.map((d, h) => /* @__PURE__ */ a("option", { value: h + 1, children: d }, h + 1))
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ a(
       "select",
       {
         className: "widget-filter__select",
-        value: d,
-        onChange: (h) => {
-          const u = o[parseInt(h.target.value) - 1];
-          u && n(`${u.start}|${u.end}`);
+        value: o,
+        onChange: (d) => {
+          const h = g[parseInt(d.target.value) - 1];
+          h && n(`${h.start}|${h.end}`);
         },
-        children: o.map((h) => /* @__PURE__ */ l("option", { value: h.index, children: h.label }, h.index))
+        children: g.map((d) => /* @__PURE__ */ a("option", { value: d.index, children: d.label }, d.index))
       }
     )
   ] });
 }
-function xe({ value: a, options: r, multi: n, searchable: t, onChange: e }) {
-  if (t)
-    return /* @__PURE__ */ l(
+function Le({ value: t, options: l, multi: n, searchable: r, onChange: e }) {
+  if (r)
+    return /* @__PURE__ */ a(
       q,
       {
-        value: a,
-        options: r,
+        value: t,
+        options: l,
         multi: n,
         onChange: e
       }
     );
   if (n) {
-    const i = a ? a.split(",") : [], c = (s) => {
-      const m = i.includes(s) ? i.filter((o) => o !== s) : [...i, s];
-      e(m.join(","));
+    const i = t ? t.split(L) : [], c = (s) => {
+      const m = i.includes(s) ? i.filter((g) => g !== s) : [...i, s];
+      e(m.join(L));
     };
-    return /* @__PURE__ */ l("div", { className: "widget-filter__multi", children: r.map((s) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
-      /* @__PURE__ */ l(
-        "input",
+    return /* @__PURE__ */ _("div", { className: "widget-filter__multi", children: [
+      i.length > 0 && /* @__PURE__ */ a(
+        "button",
         {
-          type: "checkbox",
-          checked: i.includes(s),
-          onChange: () => c(s)
+          type: "button",
+          className: "widget-filter__multi-clear",
+          onClick: () => e(""),
+          children: "Limpar filtro"
         }
       ),
-      s
-    ] }, s)) });
+      l.map((s) => /* @__PURE__ */ _("label", { className: "widget-filter__multi-option", children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            checked: i.includes(s),
+            onChange: () => c(s)
+          }
+        ),
+        s
+      ] }, s))
+    ] });
   }
   return /* @__PURE__ */ _(
     "select",
     {
       className: "widget-filter__select",
-      value: a,
+      value: t,
       onChange: (i) => e(i.target.value),
       children: [
-        /* @__PURE__ */ l("option", { value: "", children: "Todos" }),
-        r.map((i) => /* @__PURE__ */ l("option", { value: i, children: i }, i))
+        /* @__PURE__ */ a("option", { value: "", children: "Todos" }),
+        l.map((i) => /* @__PURE__ */ a("option", { value: i, children: i }, i))
       ]
     }
   );
 }
-const Fe = {
+const Ie = {
   currency: "R$",
   percentage: "%"
 };
-function Te({ config: a, value: r, onChange: n }) {
-  const t = a.label || "Variavel", e = a.locked || !1, i = a.variableFormat || "number", c = Fe[i] || "";
+function Ae({ config: t, value: l, onChange: n }) {
+  const r = t.label || "Variavel", e = t.locked || !1, i = t.variableFormat || "number", c = Ie[i] || "";
   return /* @__PURE__ */ _("div", { className: `widget-variable ${e ? "widget-variable--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-variable__label", children: t }),
+    /* @__PURE__ */ a("label", { className: "widget-variable__label", children: r }),
     /* @__PURE__ */ _("div", { className: "widget-variable__input-wrapper", children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ a(
         "input",
         {
           className: "widget-variable__input",
           type: "number",
-          value: r,
+          value: l,
           onChange: (s) => n(parseFloat(s.target.value) || 0),
           disabled: e,
           step: i === "integer" ? 1 : 0.01
         }
       ),
-      c && /* @__PURE__ */ l("span", { className: "widget-variable__suffix", children: c })
+      c && /* @__PURE__ */ a("span", { className: "widget-variable__suffix", children: c })
     ] }),
-    e && /* @__PURE__ */ l("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
+    e && /* @__PURE__ */ a("span", { className: "widget-variable__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function Ie({ config: a, palette: r, onChange: n }) {
-  const t = a.label || "Cores", e = a.locked || !1;
+function Ee({ config: t, palette: l, onChange: n }) {
+  const r = t.label || "Cores", e = t.locked || !1;
   return /* @__PURE__ */ _("div", { className: `widget-palette ${e ? "widget-palette--locked" : ""}`, children: [
-    /* @__PURE__ */ l("label", { className: "widget-palette__label", children: t }),
-    /* @__PURE__ */ l(J, { selected: r, onSelect: n, customMode: !0, disabled: e }),
-    e && /* @__PURE__ */ l("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
+    /* @__PURE__ */ a("label", { className: "widget-palette__label", children: r }),
+    /* @__PURE__ */ a(Z, { selected: l, onSelect: n, customMode: !0, disabled: e }),
+    e && /* @__PURE__ */ a("span", { className: "widget-palette__lock-icon", title: "Bloqueado", children: "🔒" })
   ] });
 }
-function Le({
-  type: a,
-  computed: r,
+function Oe({
+  type: t,
+  computed: l,
   palette: n,
-  config: t,
+  config: r,
   filterValue: e,
   filterOptions: i,
   dateBounds: c,
   onFilterChange: s,
   variableValue: m,
-  onVariableChange: o,
-  onPaletteChange: d
+  onVariableChange: g,
+  onPaletteChange: o
 }) {
-  if (r.error)
-    return /* @__PURE__ */ l("div", { className: "widget widget--error", children: /* @__PURE__ */ l("span", { className: "widget__error-text", children: String(r.error) }) });
-  const h = Z(n);
-  switch (a) {
+  if (l.error)
+    return /* @__PURE__ */ a("div", { className: "widget widget--error", children: /* @__PURE__ */ a("span", { className: "widget__error-text", children: String(l.error) }) });
+  const d = B(n);
+  switch (t) {
     case "kpi_card":
-      return /* @__PURE__ */ l(fe, { data: r, label: t == null ? void 0 : t.label });
+      return /* @__PURE__ */ a(we, { data: l, label: r == null ? void 0 : r.label });
     case "gauge":
-      return /* @__PURE__ */ l(we, { data: r, palette: h, label: t == null ? void 0 : t.label });
+      return /* @__PURE__ */ a(ye, { data: l, palette: d, label: r == null ? void 0 : r.label });
     case "chart":
-      return /* @__PURE__ */ l(ke, { data: r, palette: h, label: t == null ? void 0 : t.label });
+      return /* @__PURE__ */ a($e, { data: l, palette: d, label: r == null ? void 0 : r.label });
+    case "table":
+      return /* @__PURE__ */ a(Ce, { data: l, label: r == null ? void 0 : r.label });
     case "filter":
-      return t && s ? /* @__PURE__ */ l(
-        $e,
+      return r && s ? /* @__PURE__ */ a(
+        Re,
         {
-          config: t,
+          config: r,
           value: e || "",
           options: i,
           dateBounds: c,
@@ -473,38 +539,38 @@ function Le({
         }
       ) : null;
     case "variable": {
-      const u = t;
-      return u && o ? /* @__PURE__ */ l(
-        Te,
+      const h = r;
+      return h && g ? /* @__PURE__ */ a(
+        Ae,
         {
-          config: u,
-          value: m ?? u.variableValue ?? 0,
-          onChange: o
+          config: h,
+          value: m ?? h.variableValue ?? 0,
+          onChange: g
         }
       ) : null;
     }
     case "color_palette":
-      return t && d ? /* @__PURE__ */ l(
-        Ie,
+      return r && o ? /* @__PURE__ */ a(
+        Ee,
         {
-          config: t,
+          config: r,
           palette: n,
-          onChange: d
+          onChange: o
         }
       ) : null;
     default:
       return /* @__PURE__ */ _("div", { className: "widget", children: [
         "Widget: ",
-        a
+        t
       ] });
   }
 }
-const Oe = 2.5, Ae = 0.375;
-function Ye({
-  token: a,
-  rowHeight: r = Oe,
-  gridGap: n = Ae,
-  className: t
+const We = 2.5, De = 0.375;
+function Ge({
+  token: t,
+  rowHeight: l = We,
+  gridGap: n = De,
+  className: r
 }) {
   const {
     layout: e,
@@ -512,62 +578,62 @@ function Ye({
     loading: c,
     error: s,
     filters: m,
-    variables: o,
-    palette: d,
-    setFilter: h,
-    setVariable: u,
+    variables: g,
+    palette: o,
+    setFilter: d,
+    setVariable: h,
     setPalette: w
-  } = pe(a);
+  } = be(t);
   if (s && !e)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__error", children: s }) });
+    return /* @__PURE__ */ a("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ a("div", { className: "preview-tab__error", children: s }) });
   if (!e)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__loading", children: "Carregando dashboard..." }) });
+    return /* @__PURE__ */ a("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ a("div", { className: "preview-tab__loading", children: "Carregando dashboard..." }) });
   if (e.widgets.length === 0)
-    return /* @__PURE__ */ l("div", { className: `preview-tab ${t ?? ""}`, children: /* @__PURE__ */ l("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." }) });
-  const g = (i == null ? void 0 : i.widgets) ?? {}, p = (i == null ? void 0 : i.date_bounds) ?? null, k = {
+    return /* @__PURE__ */ a("div", { className: `preview-tab ${r ?? ""}`, children: /* @__PURE__ */ a("div", { className: "preview-tab__empty", children: "Este dashboard nao possui widgets." }) });
+  const u = (i == null ? void 0 : i.widgets) ?? {}, b = (i == null ? void 0 : i.date_bounds) ?? null, y = {
     display: "grid",
     gridTemplateColumns: `repeat(${e.gridColumns}, 1fr)`,
-    gridTemplateRows: `repeat(${e.gridRows}, ${r}rem)`,
+    gridTemplateRows: `repeat(${e.gridRows}, ${l}rem)`,
     gap: `${n}rem`,
-    ...B(d)
+    ...ee(o)
   };
-  return /* @__PURE__ */ _("div", { className: `preview-tab ${t ?? ""}`, children: [
-    s && !i && /* @__PURE__ */ l("div", { className: "preview-tab__error", children: s }),
-    i && /* @__PURE__ */ l("div", { className: "preview-tab__grid", style: k, children: e.widgets.map((b) => {
-      const S = ee.has(b.type), y = g[b.id], C = {
-        gridColumn: `${b.grid.x + 1} / span ${b.grid.w}`,
-        gridRow: `${b.grid.y + 1} / span ${b.grid.h}`
-      }, v = b.type === "variable" ? o[b.id] ?? (y == null ? void 0 : y.value) ?? b.config.variableValue ?? 0 : void 0;
-      return /* @__PURE__ */ l(
+  return /* @__PURE__ */ _("div", { className: `preview-tab ${r ?? ""}`, children: [
+    s && !i && /* @__PURE__ */ a("div", { className: "preview-tab__error", children: s }),
+    i && /* @__PURE__ */ a("div", { className: "preview-tab__grid", style: y, children: e.widgets.map((p) => {
+      const S = te.has(p.type), N = u[p.id], C = {
+        gridColumn: `${p.grid.x + 1} / span ${p.grid.w}`,
+        gridRow: `${p.grid.y + 1} / span ${p.grid.h}`
+      }, v = p.type === "variable" ? g[p.id] ?? (N == null ? void 0 : N.value) ?? p.config.variableValue ?? 0 : void 0;
+      return /* @__PURE__ */ a(
         "div",
         {
           className: `preview-tab__widget ${S ? "preview-tab__widget--control" : ""}`,
           style: C,
-          children: S || y ? /* @__PURE__ */ l(
-            Le,
+          children: S || N ? /* @__PURE__ */ a(
+            Oe,
             {
-              type: b.type,
-              computed: y || {},
-              palette: d,
-              config: b.config,
-              filterValue: m[b.id] || "",
-              filterOptions: (y == null ? void 0 : y.available_values) || [],
-              dateBounds: p,
-              onFilterChange: (f) => h(b.id, f),
+              type: p.type,
+              computed: N || {},
+              palette: o,
+              config: p.config,
+              filterValue: m[p.id] || "",
+              filterOptions: (N == null ? void 0 : N.available_values) || [],
+              dateBounds: b,
+              onFilterChange: (f) => d(p.id, f),
               variableValue: v,
-              onVariableChange: (f) => u(b.id, f),
+              onVariableChange: (f) => h(p.id, f),
               onPaletteChange: w
             }
-          ) : /* @__PURE__ */ l("div", { className: "preview-tab__widget-loading", children: c ? "Carregando..." : "Sem dados" })
+          ) : /* @__PURE__ */ a("div", { className: "preview-tab__widget-loading", children: c ? "Carregando..." : "Sem dados" })
         },
-        b.id
+        p.id
       );
     }) }),
-    c && i && /* @__PURE__ */ l("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
+    c && i && /* @__PURE__ */ a("div", { className: "preview-tab__recalculating", children: "Atualizando..." })
   ] });
 }
 export {
-  je as ApiError,
-  Ye as Dashboard
+  Ue as ApiError,
+  Ge as Dashboard
 };
 //# sourceMappingURL=index.js.map