@actionexec/dashboards 0.6.0 → 0.8.0

package/dist/ColorPaletteSelector-Bsda66uL.js

@@ -1,665 +0,0 @@
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import H from "react-datepicker";
-import { useState as x, useRef as P, useMemo as O, useLayoutEffect as J, useEffect as V } from "react";
-import { createPortal as q } from "react-dom";
-const K = "https://action-data-api-7mbrztperq-rj.a.run.app", B = "/external/dashboards";
-let C = K;
-function ge(e) {
-  C = e.replace(/\/$/, "");
-}
-class Q extends Error {
-  constructor(t, a, r) {
-    super(t), this.status = a, this.payload = r, this.name = "ApiError";
-  }
-}
-async function R(e, t, a) {
-  const r = new URL(`${C}${B}${e}`);
-  if (a)
-    for (const [o, l] of Object.entries(a)) r.searchParams.set(o, l);
-  const s = await fetch(r.toString(), {
-    headers: { Authorization: `Bearer ${t}` }
-  });
-  if (!s.ok) {
-    let o;
-    try {
-      o = await s.json();
-    } catch {
-    }
-    throw new Q(
-      `Requisicao falhou (${s.status}) em ${e}`,
-      s.status,
-      o
-    );
-  }
-  return await s.json();
-}
-const pe = (e) => R("/layout", e), me = (e, t) => R("/render", e, t), m = {
-  series0: 0,
-  series1: 1,
-  series2: 2,
-  series3: 3,
-  series4: 4,
-  bgDark: 5,
-  bgPaper: 6,
-  bgElevated: 7,
-  textPrimary: 8,
-  textMuted: 9,
-  accent: 10,
-  success: 11,
-  error: 12
-}, X = 5, N = 13, Z = {
-  series0: "Série 1",
-  series1: "Série 2",
-  series2: "Série 3",
-  series3: "Série 4",
-  series4: "Série 5",
-  bgDark: "Fundo Escuro",
-  bgPaper: "Fundo Cartão",
-  bgElevated: "Fundo Elevado",
-  textPrimary: "Texto Primário",
-  textMuted: "Texto Secundário",
-  accent: "Destaque",
-  success: "Sucesso",
-  error: "Erro"
-}, v = {
-  action: {
-    label: "Action",
-    colors: [
-      "#ff6b00",
-      "#a3e635",
-      "#e3f544",
-      "#65ffd1",
-      "#ff0404",
-      "#1a1a1a",
-      "#262626",
-      "#333333",
-      "#f5f5f5",
-      "#999999",
-      "#ff6b00",
-      "#a3e635",
-      "#ef4444"
-    ]
-  },
-  westCoast: {
-    label: "West Coast",
-    colors: [
-      "#a3b86c",
-      "#c89b3c",
-      "#8b6f47",
-      "#6b8e23",
-      "#d2691e",
-      "#1f1a14",
-      "#2a241b",
-      "#3a3225",
-      "#e8dcc4",
-      "#a89878",
-      "#c89b3c",
-      "#a3b86c",
-      "#c44536"
-    ]
-  },
-  mono: {
-    label: "Monocromático",
-    colors: [
-      "#f8fafc",
-      "#cbd5e1",
-      "#94a3b8",
-      "#64748b",
-      "#475569",
-      "#0a0a0a",
-      "#171717",
-      "#262626",
-      "#fafafa",
-      "#a3a3a3",
-      "#e5e5e5",
-      "#cbd5e1",
-      "#ef4444"
-    ]
-  },
-  ocean: {
-    label: "Ocean",
-    colors: [
-      "#0ea5e9",
-      "#06b6d4",
-      "#0891b2",
-      "#3b82f6",
-      "#22d3ee",
-      "#0a1929",
-      "#0f2740",
-      "#173554",
-      "#e0f2fe",
-      "#7dd3fc",
-      "#22d3ee",
-      "#10b981",
-      "#f43f5e"
-    ]
-  },
-  princess: {
-    label: "Cute Pink",
-    colors: [
-      "#ff79bc",
-      "#a855f7",
-      "#f472b6",
-      "#d946ef",
-      "#fb7185",
-      "#fff0f6",
-      "#ffe4ec",
-      "#ffffff",
-      "#ff4099",
-      "#ffadd5",
-      "#ec4899",
-      "#10b981",
-      "#e11d48"
-    ]
-  }
-}, $ = v.action.colors;
-function D(e) {
-  const t = $;
-  if (!e || e.length === 0) return [...t];
-  if (e.length >= N) return e.slice(0, N);
-  const a = [...e];
-  for (let r = e.length; r < N; r++) a.push(t[r]);
-  return a;
-}
-function ee(e) {
-  return D(e).slice(0, X);
-}
-function he(e) {
-  const t = D(e);
-  return {
-    "--bg-dark": t[m.bgDark],
-    "--bg-paper": t[m.bgPaper],
-    "--bg-elevated": t[m.bgElevated],
-    "--text-primary": t[m.textPrimary],
-    "--text-secondary": t[m.textMuted],
-    "--text-muted": t[m.textMuted],
-    "--action-orange": t[m.accent],
-    "--action-green": t[m.success],
-    "--color-success": t[m.success],
-    "--color-error": t[m.error],
-    "--color-info": t[m.series2],
-    "--color-warning": t[m.series3]
-  };
-}
-const te = $, ae = 30, re = 10, be = {
-  gridColumns: ae,
-  gridRows: re,
-  widgets: []
-}, _e = {
-  kpi_card: "KPI Card",
-  gauge: "Gauge",
-  chart: "Gráfico",
-  table: "Tabela",
-  filter: "Filtro",
-  variable: "Variável",
-  color_palette: "Paleta de Cores"
-}, we = ["kpi_card", "gauge", "chart", "table"], Te = ["filter", "variable", "color_palette"], Se = /* @__PURE__ */ new Set(["filter", "variable", "color_palette"]), Ee = {
-  sum: "Soma",
-  avg: "Média",
-  count: "Contagem",
-  min: "Mínimo",
-  max: "Máximo",
-  count_distinct: "Contagem Distinta"
-}, se = {
-  currency: "Moeda (R$)",
-  number: "Número",
-  integer: "Inteiro",
-  percentage: "Porcentagem",
-  date: "Data",
-  text: "Texto"
-}, ye = Object.entries(se).filter(([e]) => e !== "date" && e !== "text"), De = {
-  yoy: "vs Ano Anterior",
-  mom: "vs Mês Anterior",
-  target: "vs Meta",
-  none: "Nenhuma"
-}, Ne = {
-  bar: "Barras",
-  line: "Linhas",
-  area: "Área",
-  pie: "Pizza"
-}, ve = {
-  date_range: "Periodo",
-  select: "Seleção Única",
-  multi_select: "Seleção Múltipla"
-}, k = "", Le = {
-  kpi_card: { x: 0, y: 0, w: 6, h: 3 },
-  gauge: { x: 0, y: 0, w: 6, h: 5 },
-  chart: { x: 0, y: 0, w: 6, h: 6 },
-  table: { x: 0, y: 0, w: 12, h: 7 },
-  filter: { x: 0, y: 0, w: 4, h: 2 },
-  variable: { x: 0, y: 0, w: 4, h: 2 },
-  color_palette: { x: 0, y: 0, w: 4, h: 2 }
-}, xe = {
-  kpi_card: { label: "Novo KPI", aggregation: "sum", format: "number" },
-  gauge: { label: "Novo Gauge", aggregation: "sum" },
-  chart: { label: "Novo Grafico", chartType: "bar", xAxis: { column: "", granularity: "day" }, series: [] },
-  table: { label: "Nova Tabela", columns: [] },
-  filter: { label: "Novo Filtro", filterType: "select" },
-  variable: { label: "Nova Variavel", variableValue: 0, variableFormat: "number", locked: !1 },
-  color_palette: { label: "Paleta de Cores", paletteColors: te, locked: !1 }
-}, Me = [
-  "Jan",
-  "Fev",
-  "Mar",
-  "Abr",
-  "Mai",
-  "Jun",
-  "Jul",
-  "Ago",
-  "Set",
-  "Out",
-  "Nov",
-  "Dez"
-], Ae = [
-  "Janeiro",
-  "Fevereiro",
-  "Marco",
-  "Abril",
-  "Maio",
-  "Junho",
-  "Julho",
-  "Agosto",
-  "Setembro",
-  "Outubro",
-  "Novembro",
-  "Dezembro"
-];
-function Pe(e) {
-  return { start: `${e}-01-01`, end: `${e}-12-31` };
-}
-function Oe(e) {
-  if (!e) return null;
-  const t = e.match(/^(\d{4})/);
-  return t ? { year: parseInt(t[1]) } : null;
-}
-function ke(e, t) {
-  const a = new Date(e, t, 0).getDate(), r = (s) => String(s).padStart(2, "0");
-  return {
-    start: `${e}-${r(t)}-01`,
-    end: `${e}-${r(t)}-${r(a)}`
-  };
-}
-function F(e) {
-  const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
-  t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
-  const a = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-  return Math.ceil(((t.getTime() - a.getTime()) / 864e5 + 1) / 7);
-}
-function Ce(e, t) {
-  const a = new Date(e, 0, 4), r = (a.getDay() + 6) % 7, s = new Date(a.getTime() - r * 864e5), o = new Date(s.getTime() + (t - 1) * 7 * 864e5), l = new Date(o.getTime() + 6 * 864e5), d = (h) => String(h).padStart(2, "0"), f = (h) => `${h.getFullYear()}-${d(h.getMonth() + 1)}-${d(h.getDate())}`;
-  return { start: f(o), end: f(l) };
-}
-function Re(e, t) {
-  const a = /* @__PURE__ */ new Set(), r = new Date(e, t, 0).getDate();
-  for (let s = 1; s <= r; s++)
-    a.add(F(new Date(e, t - 1, s)));
-  return Array.from(a).sort((s, o) => s - o);
-}
-function $e(e, t) {
-  const a = new Date(e, t, 0).getDate(), r = (d) => String(d).padStart(2, "0"), s = [];
-  let o = 1, l = 1;
-  for (; o <= a; ) {
-    const d = o, f = Math.min(o + 6, a), h = `${e}-${r(t)}-${r(d)}`, c = `${e}-${r(t)}-${r(f)}`, u = `${l}° Semana (${r(d)}/${r(t)} - ${r(f)}/${r(t)})`;
-    s.push({ index: l, startDay: d, endDay: f, start: h, end: c, label: u }), o = f + 1, l++;
-  }
-  return s;
-}
-function Fe(e, t, a) {
-  if (!e) return 1;
-  const r = (l) => String(l).padStart(2, "0"), s = e.match(new RegExp(`^${t}-${r(a)}-(\\d{2})`));
-  if (!s) return 1;
-  const o = parseInt(s[1]);
-  return Math.ceil(o / 7);
-}
-function Ie(e) {
-  if (!e) return null;
-  const t = e.match(/^(\d{4})-(\d{2})/);
-  return t ? { year: parseInt(t[1]), month: parseInt(t[2]) } : null;
-}
-function Ue(e) {
-  if (!e) return null;
-  const t = /* @__PURE__ */ new Date(e + "T00:00:00");
-  return isNaN(t.getTime()) ? null : { year: t.getFullYear(), week: F(t) };
-}
-function Ye(e) {
-  const t = /* @__PURE__ */ new Date(), a = e != null && e.min ? parseInt(e.min.slice(0, 4)) : t.getFullYear() - 2, r = e != null && e.max ? parseInt(e.max.slice(0, 4)) : t.getFullYear(), s = [];
-  for (let o = r; o >= a; o--) s.push(o);
-  return s;
-}
-function y(e) {
-  if (!e) return null;
-  const [t, a, r] = e.split("-").map(Number);
-  return !t || !a || !r ? null : new Date(t, a - 1, r);
-}
-function ne(e) {
-  if (!e) return "";
-  const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-  return `${t}-${a}-${r}`;
-}
-function Ge({
-  value: e,
-  onChange: t,
-  minIso: a,
-  maxIso: r,
-  placeholder: s,
-  selectsStart: o,
-  selectsEnd: l,
-  startIso: d,
-  endIso: f,
-  className: h,
-  disabled: c
-}) {
-  return /* @__PURE__ */ i("div", { className: `ddp-field ${h ?? ""}`, children: /* @__PURE__ */ i(
-    H,
-    {
-      selected: y(e),
-      onChange: (u) => t(ne(u)),
-      selectsStart: o,
-      selectsEnd: l,
-      startDate: y(d) ?? void 0,
-      endDate: y(f) ?? void 0,
-      minDate: y(a) ?? void 0,
-      maxDate: y(r) ?? void 0,
-      dateFormat: "dd/MM/yyyy",
-      placeholderText: s ?? "Selecione...",
-      disabled: c,
-      portalId: "ddp-portal",
-      popperPlacement: "bottom-start",
-      popperModifiers: [
-        {
-          name: "flip",
-          options: { fallbackPlacements: ["bottom-end", "top-start", "top-end"] },
-          fn: (u) => u
-        }
-      ]
-    }
-  ) });
-}
-function We({ options: e, value: t, multi: a, onChange: r }) {
-  const [s, o] = x(!1), [l, d] = x(""), [f, h] = x(null), c = P(null), u = P(null), g = O(
-    () => t ? t.split(k).filter(Boolean) : [],
-    [t]
-  ), b = O(() => {
-    const n = l.trim().toLowerCase();
-    return n ? e.filter((p) => p.toLowerCase().includes(n)) : e;
-  }, [e, l]), T = () => {
-    const n = c.current;
-    if (!n) return;
-    const p = n.getBoundingClientRect(), _ = 4, S = window.innerHeight - p.bottom - _, E = p.top - _, A = S < 200 && E > S, z = Math.max(150, Math.min(360, A ? E : S));
-    h({
-      left: p.left,
-      width: p.width,
-      maxHeight: z,
-      ...A ? { bottom: window.innerHeight - p.top + _ } : { top: p.bottom + _ }
-    });
-  };
-  J(() => {
-    if (!s) return;
-    T();
-    const n = () => T();
-    return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
-      window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
-    };
-  }, [s]), V(() => {
-    if (!s) return;
-    const n = (p) => {
-      var S, E;
-      const _ = p.target;
-      (S = c.current) != null && S.contains(_) || (E = u.current) != null && E.contains(_) || o(!1);
-    };
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [s]);
-  const I = () => {
-    o(!1), d("");
-  }, L = (n) => {
-    var p;
-    r(n), d(""), o(!1), (p = c.current) == null || p.blur();
-  }, M = (n) => {
-    const p = g.includes(n) ? g.filter((_) => _ !== n) : [...g, n];
-    r(p.join(k));
-  }, U = () => {
-    o(!0), a || d("");
-  }, Y = (n) => {
-    var p;
-    n.key === "Escape" ? (I(), (p = c.current) == null || p.blur()) : n.key === "Enter" && b.length > 0 && (n.preventDefault(), a ? (M(b[0]), d("")) : L(b[0]));
-  }, G = a || s ? l : t || "", W = a && g.length > 0 ? `${g.length} selecionado(s)` : s ? "Buscar..." : "Todos", j = s && f ? q(
-    /* @__PURE__ */ i(
-      "div",
-      {
-        ref: u,
-        className: "widget-filter__search-panel",
-        style: {
-          position: "fixed",
-          left: f.left,
-          width: f.width,
-          top: f.top,
-          bottom: f.bottom,
-          maxHeight: f.maxHeight
-        },
-        children: /* @__PURE__ */ w("div", { className: "widget-filter__search-list", children: [
-          a && g.length > 0 && /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              className: "widget-filter__search-clear",
-              onClick: () => r(""),
-              children: "Limpar seleção"
-            }
-          ),
-          !a && /* @__PURE__ */ w(
-            "button",
-            {
-              type: "button",
-              className: `widget-filter__search-option${t ? "" : " is-selected"}`,
-              onClick: () => L(""),
-              children: [
-                /* @__PURE__ */ i("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t ? "" : "✓" }),
-                "Todos"
-              ]
-            }
-          ),
-          b.length === 0 ? /* @__PURE__ */ i("span", { className: "widget-filter__search-empty", children: "Nenhuma opção" }) : b.map(
-            (n) => a ? /* @__PURE__ */ w(
-              "label",
-              {
-                className: `widget-filter__search-option${g.includes(n) ? " is-selected" : ""}`,
-                children: [
-                  /* @__PURE__ */ i(
-                    "input",
-                    {
-                      type: "checkbox",
-                      checked: g.includes(n),
-                      onChange: () => M(n)
-                    }
-                  ),
-                  n
-                ]
-              },
-              n
-            ) : /* @__PURE__ */ w(
-              "button",
-              {
-                type: "button",
-                className: `widget-filter__search-option${t === n ? " is-selected" : ""}`,
-                onClick: () => L(n),
-                children: [
-                  /* @__PURE__ */ i("span", { className: "widget-filter__search-check", "aria-hidden": !0, children: t === n ? "✓" : "" }),
-                  n
-                ]
-              },
-              n
-            )
-          )
-        ] })
-      }
-    ),
-    document.body
-  ) : null;
-  return /* @__PURE__ */ w("div", { className: "widget-filter__search", children: [
-    /* @__PURE__ */ i(
-      "input",
-      {
-        ref: c,
-        type: "text",
-        className: "widget-filter__search-field",
-        value: G,
-        placeholder: W,
-        onFocus: U,
-        onClick: () => o(!0),
-        onChange: (n) => {
-          d(n.target.value), o(!0);
-        },
-        onKeyDown: Y
-      }
-    ),
-    j
-  ] });
-}
-const oe = [
-  m.bgDark,
-  m.bgPaper,
-  m.bgElevated,
-  m.accent,
-  m.success
-];
-function ce(e) {
-  if (!e) return !0;
-  const t = D(e);
-  return Object.values(v).some(
-    (a) => JSON.stringify(a.colors) === JSON.stringify(t)
-  );
-}
-const le = [
-  { label: "Series", slots: ["series0", "series1", "series2", "series3", "series4"] },
-  { label: "Tema", slots: ["bgDark", "bgPaper", "bgElevated", "textPrimary", "textMuted"] },
-  { label: "Estados", slots: ["accent", "success", "error"] }
-];
-function je({
-  selected: e,
-  onSelect: t,
-  customMode: a,
-  onCustomModeChange: r,
-  disabled: s
-}) {
-  var h;
-  const o = a ?? !ce(e), l = D(e), d = o || (h = Object.entries(v).find(
-    ([, c]) => JSON.stringify(c.colors) === JSON.stringify(l)
-  )) == null ? void 0 : h[0], f = (c, u) => {
-    const g = [...l];
-    for (; g.length < N; ) g.push("#000000");
-    g[c] = u, t(g);
-  };
-  return /* @__PURE__ */ w("div", { className: `palette-selector ${s ? "palette-selector--disabled" : ""}`, children: [
-    r && /* @__PURE__ */ w("label", { className: "config-panel__checkbox", children: [
-      /* @__PURE__ */ i(
-        "input",
-        {
-          type: "checkbox",
-          checked: o,
-          onChange: (c) => r(c.target.checked),
-          disabled: s
-        }
-      ),
-      "Customizar"
-    ] }),
-    o ? /* @__PURE__ */ i("div", { className: "palette-selector__custom", children: le.map((c) => /* @__PURE__ */ w("div", { className: "palette-selector__row", children: [
-      /* @__PURE__ */ i("span", { className: "palette-selector__row-label", children: c.label }),
-      /* @__PURE__ */ i("div", { className: "palette-selector__row-slots", children: c.slots.map((u) => {
-        const g = m[u];
-        return /* @__PURE__ */ i(
-          "input",
-          {
-            type: "color",
-            className: "palette-selector__color-input",
-            value: l[g] || "#000000",
-            onChange: (b) => f(g, b.target.value),
-            disabled: s,
-            title: Z[u]
-          },
-          u
-        );
-      }) })
-    ] }, c.label)) }) : /* @__PURE__ */ i("div", { className: "palette-selector__options", children: Object.entries(v).map(([c, u]) => {
-      const g = D(u.colors);
-      return /* @__PURE__ */ w(
-        "button",
-        {
-          className: `palette-selector__option ${d === c ? "palette-selector__option--active" : ""}`,
-          onClick: () => t(u.colors),
-          disabled: s,
-          children: [
-            /* @__PURE__ */ i("div", { className: "palette-selector__bar", children: ee(u.colors).map((b, T) => /* @__PURE__ */ i(
-              "span",
-              {
-                className: "palette-selector__swatch",
-                style: { backgroundColor: b }
-              },
-              T
-            )) }),
-            /* @__PURE__ */ i("div", { className: "palette-selector__bar palette-selector__bar--theme", children: oe.map((b, T) => /* @__PURE__ */ i(
-              "span",
-              {
-                className: "palette-selector__swatch",
-                style: { backgroundColor: g[b] }
-              },
-              T
-            )) }),
-            /* @__PURE__ */ i("span", { className: "palette-selector__label", children: u.label })
-          ]
-        },
-        c
-      );
-    }) })
-  ] });
-}
-export {
-  Ee as A,
-  Re as B,
-  Ne as C,
-  we as D,
-  be as E,
-  ve as F,
-  Ye as G,
-  y as H,
-  Ie as I,
-  Fe as J,
-  Ue as K,
-  Oe as L,
-  Ae as M,
-  ye as N,
-  ge as O,
-  v as P,
-  pe as Q,
-  me as R,
-  X as S,
-  N as T,
-  Q as U,
-  _e as W,
-  De as a,
-  Se as b,
-  Te as c,
-  je as d,
-  xe as e,
-  Le as f,
-  ae as g,
-  re as h,
-  te as i,
-  $ as j,
-  Ge as k,
-  se as l,
-  Me as m,
-  k as n,
-  m as o,
-  Z as p,
-  We as q,
-  ne as r,
-  D as s,
-  Pe as t,
-  F as u,
-  ke as v,
-  $e as w,
-  he as x,
-  ee as y,
-  Ce as z
-};
-//# sourceMappingURL=ColorPaletteSelector-Bsda66uL.js.map