@alfadocs/ui-kit 0.82.0 → 0.83.0

package/dist/_chunks/chart-CpkpA74k.js

@@ -1,374 +0,0 @@
-import { jsxs as S, jsx as d } from "react/jsx-runtime";
-import { forwardRef as et, useId as rt, useMemo as c, useRef as at, useState as U, useEffect as k, useImperativeHandle as ot } from "react";
-import { c as nt } from "./index-D2ZczOXr.js";
-import { useTranslation as it } from "react-i18next";
-import st from "react-apexcharts";
-import H from "apexcharts";
-import { u as ct, g as _ } from "./apexcharts-theme-BJigns_V.js";
-import { u as dt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as lt } from "./registry-DvAUVLHh.js";
-const mt = {
-  id: "chart",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — it
-      // is a write, reversible by pushing the prior series back.
-      safety: "write",
-      argsType: "series",
-      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
-      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
-      // by chart type internally.
-      argsSchema: {
-        type: "object",
-        properties: {
-          series: {
-            oneOf: [
-              {
-                type: "array",
-                description: "Categorical series for line / bar / area charts.",
-                items: {
-                  type: "object",
-                  properties: {
-                    name: { type: "string" },
-                    data: { type: "array", items: { type: "number" } }
-                  },
-                  required: ["name", "data"]
-                }
-              },
-              {
-                type: "array",
-                description: "Flat values for pie / donut / radialBar charts.",
-                items: { type: "number" }
-              }
-            ]
-          }
-        },
-        required: ["series"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.updateSeries",
-      description: "Replace the chart series without remounting.",
-      invoke: (o, l) => {
-        o.updateSeries(l.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      returns: "string (PNG data URI)",
-      returnsSchema: {
-        type: "string",
-        description: "A `data:image/png;base64,…` URI of the rendered chart."
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.chart.actions.exportPng",
-      description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (o) => o.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, ut = nt("ds:relative ds:block ds:w-full", {
-  variants: {
-    density: {
-      compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
-      // Applied when an explicit `height` prop is given and no density was
-      // requested: the wrapper must not exceed the caller's height (a 96px
-      // KPI chart inside a card must not reserve 320px).
-      none: ""
-    }
-  },
-  defaultVariants: { density: "comfortable" }
-}), pt = [
-  "verticalLines",
-  "horizontalLines",
-  "slantedLines",
-  "squares",
-  "circles"
-], ht = ["line", "bar", "area"], ft = ["pie", "donut", "radialBar"];
-function T(o) {
-  return ft.includes(o);
-}
-function bt(o) {
-  return ht.includes(o);
-}
-function gt(o, l) {
-  return T(l) ? [
-    {
-      name: "",
-      data: o
-    }
-  ] : o;
-}
-const yt = et(
-  ({
-    title: o,
-    id: l,
-    type: r,
-    series: h,
-    categories: y,
-    labels: f,
-    height: O,
-    width: M,
-    patterns: A = !1,
-    colors: v,
-    toolbar: x = !1,
-    locale: j,
-    radialValueFormatter: m,
-    valueFormatter: N,
-    density: D,
-    className: W
-  }, q) => {
-    const { t: a, i18n: Y } = it(), P = rt(), u = c(
-      () => `chart-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [P]
-    ), R = `${u}-summary`, I = at(null), [z, Z] = U(0);
-    ct(I);
-    const p = j ?? Y.language ?? "en", [B, K] = U(
-      () => {
-        try {
-          return _();
-        } catch {
-          return {};
-        }
-      }
-    );
-    k(() => {
-      if (typeof document > "u") return;
-      let t;
-      const e = new MutationObserver(() => {
-        clearTimeout(t), t = setTimeout(() => {
-          try {
-            K(_());
-          } catch {
-          }
-        }, 50);
-      });
-      return e.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(t), e.disconnect();
-      };
-    }, []), k(() => {
-      const t = I.current;
-      if (!t || typeof ResizeObserver > "u") return;
-      const e = new ResizeObserver((n) => {
-        const i = n[0];
-        i && Z(Math.floor(i.contentRect.width));
-      });
-      return e.observe(t), () => e.disconnect();
-    }, []);
-    const C = c(
-      () => ({
-        async dataURI() {
-          const t = H.getChartByID(u);
-          return t ? (await t.dataURI()).imgURI : "";
-        },
-        updateSeries(t) {
-          const e = H.getChartByID(u);
-          e && (T(r), e.updateSeries(t));
-        }
-      }),
-      [u, r]
-    );
-    ot(q, () => C, [C]), lt(mt, C, l);
-    const w = typeof document < "u" && document.documentElement.dir === "rtl", E = c(
-      () => gt(h, r),
-      [h, r]
-    ), $ = c(
-      () => new Intl.NumberFormat(p),
-      [p]
-    ), b = c(
-      () => N ?? ((t) => $.format(t)),
-      [N, $]
-    ), G = c(
-      () => ({
-        name: p,
-        options: {
-          toolbar: {
-            download: a("chart.toolbar.download"),
-            selection: a("chart.toolbar.selection"),
-            selectionZoom: a("chart.toolbar.selectionZoom"),
-            zoomIn: a("chart.toolbar.zoomIn"),
-            zoomOut: a("chart.toolbar.zoomOut"),
-            pan: a("chart.toolbar.pan"),
-            reset: a("chart.toolbar.reset"),
-            exportToSVG: a("chart.toolbar.exportToSVG"),
-            exportToPNG: a("chart.toolbar.exportToPNG"),
-            exportToCSV: a("chart.toolbar.exportToCSV")
-          }
-        }
-      }),
-      [p, a]
-    ), L = dt(), V = c(() => {
-      var n, i, g;
-      const t = B, e = {
-        ...t,
-        chart: {
-          ...t.chart,
-          id: u,
-          toolbar: { show: x },
-          zoom: { enabled: x },
-          animations: {
-            enabled: !L,
-            dynamicAnimation: { enabled: !L }
-          },
-          locales: [G],
-          defaultLocale: p,
-          parentHeightOffset: 0
-        },
-        // Only set `labels` when the consumer actually supplied them (slice
-        // charts). Emitting `labels: undefined` crashes ApexCharts' bar
-        // renderer — `parseDataAxisCharts` reads `labels.length` and throws
-        // "Cannot read properties of undefined (reading 'length')", which
-        // aborts the render and leaves a blank chart. Absent is safe; area /
-        // line tolerate the undefined but bar does not, so never pass it.
-        ...f ? { labels: f } : {},
-        legend: {
-          ...t.legend,
-          position: "bottom",
-          // ApexCharts legend.horizontalAlign is a physical prop mapped internally
-          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
-          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
-          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: w ? "right" : "left",
-          fontFamily: "inherit"
-        },
-        tooltip: {
-          ...t.tooltip,
-          y: {
-            formatter: (s) => b(s)
-          }
-        },
-        noData: {
-          text: a("chart.noData")
-        }
-      };
-      if (v && v.length > 0 && (e.colors = v), bt(r) && (e.xaxis = {
-        ...t.xaxis,
-        categories: y ?? []
-      }, e.yaxis = {
-        ...t.yaxis,
-        opposite: w,
-        labels: {
-          formatter: (s) => b(s)
-        }
-      }, e.stroke = {
-        curve: "smooth",
-        width: r === "bar" ? 0 : 2
-      }, e.dataLabels = { enabled: !1 }), r === "radialBar" && m) {
-        const s = t.plotOptions ?? {};
-        e.plotOptions = {
-          ...s,
-          radialBar: {
-            ...s.radialBar ?? {},
-            dataLabels: {
-              ...((n = s.radialBar) == null ? void 0 : n.dataLabels) ?? {},
-              value: {
-                ...((g = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : g.value) ?? {},
-                formatter: (tt) => m(Number(tt))
-              }
-            }
-          }
-        };
-      }
-      return A ? e.fill = {
-        type: "pattern",
-        opacity: r === "area" ? 0.3 : 1,
-        pattern: {
-          style: [...pt],
-          strokeWidth: 2
-        }
-      } : r === "area" && (e.fill = {
-        type: "gradient",
-        opacity: 0.3
-      }), e;
-    }, [
-      B,
-      u,
-      x,
-      L,
-      G,
-      p,
-      f,
-      b,
-      a,
-      r,
-      y,
-      w,
-      A,
-      v,
-      m
-    ]), F = M ?? (z > 0 ? z : "100%"), J = O ?? 320, Q = c(() => {
-      const t = T(r) ? f ?? [] : y ?? [], e = E;
-      return /* @__PURE__ */ S("table", { id: R, className: "ds:sr-only", children: [
-        /* @__PURE__ */ d("caption", { children: o }),
-        /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ d("th", { scope: "col", children: a("chart.table.series") }),
-          t.map((n, i) => /* @__PURE__ */ d("th", { scope: "col", children: n }, `${n}-${i}`))
-        ] }) }),
-        /* @__PURE__ */ d("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ d("th", { scope: "row", children: n.name || a("chart.table.value") }),
-          n.data.map((g, s) => /* @__PURE__ */ d("td", { children: r === "radialBar" && m ? m(g) : b(g) }, `${i}-${s}`))
-        ] }, `${n.name}-${i}`)) })
-      ] });
-    }, [
-      r,
-      E,
-      f,
-      y,
-      R,
-      o,
-      a,
-      b,
-      m
-    ]), X = c(() => (T(r), h), [h, r]);
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ref: I,
-        role: "img",
-        "aria-label": o,
-        "aria-describedby": R,
-        className: ut({
-          // Explicit height wins over the density min-height unless the
-          // caller also asked for a density explicitly.
-          density: D ?? (O !== void 0 ? "none" : void 0),
-          className: W
-        }),
-        "data-component": "chart",
-        "data-component-id": l,
-        children: [
-          Q,
-          /* @__PURE__ */ d(
-            st,
-            {
-              type: r,
-              series: X,
-              options: V,
-              width: F,
-              height: J,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-yt.displayName = "Chart";
-export {
-  yt as C,
-  ut as a,
-  mt as c
-};
-//# sourceMappingURL=chart-CpkpA74k.js.map