@object-ui/plugin-charts 3.1.2 → 3.1.4

package/dist/ChartImpl-WXTkPN08.js

@@ -1,79 +0,0 @@
-import { j as r } from "./index-xUWSanB8.js";
-import { R as l, B as n, C as d, X as f, Y as p, T as x, L as u, a as c } from "./BarChart-C_I0OFbj.js";
-function j({
-  data: e = [],
-  dataKey: s = "value",
-  xAxisKey: a = "name",
-  height: t = 400,
-  className: i = "",
-  // Default to standard primary color
-  color: o = "hsl(var(--primary))"
-}) {
-  return /* @__PURE__ */ r.jsx("div", { className: `p-2 sm:p-3 md:p-4 rounded-xl border border-border bg-card/40 backdrop-blur-sm shadow-lg shadow-background/5 ${i}`, children: /* @__PURE__ */ r.jsx(l, { width: "100%", height: t, children: /* @__PURE__ */ r.jsxs(n, { data: e, margin: { top: 10, right: 10, left: 10, bottom: 5 }, children: [
-    /* @__PURE__ */ r.jsxs("defs", { children: [
-      /* @__PURE__ */ r.jsxs("linearGradient", { id: "barGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-        /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: o, stopOpacity: 1 }),
-        /* @__PURE__ */ r.jsx("stop", { offset: "90%", stopColor: o, stopOpacity: 0.6 }),
-        /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: o, stopOpacity: 0.3 })
-      ] }),
-      /* @__PURE__ */ r.jsxs("filter", { id: "glow", height: "130%", children: [
-        /* @__PURE__ */ r.jsx("feGaussianBlur", { in: "SourceAlpha", stdDeviation: "3", result: "blur" }),
-        /* @__PURE__ */ r.jsx("feOffset", { in: "blur", dx: "0", dy: "0", result: "offsetBlur" }),
-        /* @__PURE__ */ r.jsx("feFlood", { floodColor: o, floodOpacity: "0.5", result: "offsetColor" }),
-        /* @__PURE__ */ r.jsx("feComposite", { in: "offsetColor", in2: "offsetBlur", operator: "in", result: "offsetBlur" }),
-        /* @__PURE__ */ r.jsxs("feMerge", { children: [
-          /* @__PURE__ */ r.jsx("feMergeNode", { in: "offsetBlur" }),
-          /* @__PURE__ */ r.jsx("feMergeNode", { in: "SourceGraphic" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r.jsx(d, { strokeDasharray: "3 3", stroke: "hsl(var(--border))", vertical: !1 }),
-    /* @__PURE__ */ r.jsx(
-      f,
-      {
-        dataKey: a,
-        tick: { fill: "hsl(var(--muted-foreground))", fontSize: 12, fontFamily: "monospace" },
-        tickLine: !1,
-        axisLine: { stroke: "hsl(var(--border))" },
-        dy: 10
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      p,
-      {
-        tick: { fill: "hsl(var(--muted-foreground))", fontSize: 12, fontFamily: "monospace" },
-        tickLine: !1,
-        axisLine: !1
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      x,
-      {
-        cursor: { fill: "hsl(var(--muted))", opacity: 0.2 },
-        contentStyle: {
-          backgroundColor: "hsl(var(--popover))",
-          borderColor: "hsl(var(--border))",
-          color: "hsl(var(--popover-foreground))",
-          borderRadius: "8px",
-          fontFamily: "monospace",
-          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
-        },
-        itemStyle: { color: "hsl(var(--primary))" }
-      }
-    ),
-    /* @__PURE__ */ r.jsx(u, { wrapperStyle: { paddingTop: "20px", fontFamily: "monospace" } }),
-    /* @__PURE__ */ r.jsx(
-      c,
-      {
-        dataKey: s,
-        fill: "url(#barGradient)",
-        radius: [4, 4, 0, 0],
-        filter: "url(#glow)",
-        animationDuration: 1500
-      }
-    )
-  ] }) }) });
-}
-export {
-  j as default
-};

package/dist/index-xUWSanB8.js

@@ -1,541 +0,0 @@
-import { ComponentRegistry as h, extractRecords as ce } from "@object-ui/core";
-import k, { Suspense as U, useContext as ie, useState as V, useEffect as ue } from "react";
-import { Skeleton as W } from "@object-ui/components";
-import { SchemaRendererContext as fe, useDataScope as de } from "@object-ui/react";
-var S = { exports: {} }, A = {};
-var J;
-function me() {
-  if (J) return A;
-  J = 1;
-  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function u(s, n, l) {
-    var d = null;
-    if (l !== void 0 && (d = "" + l), n.key !== void 0 && (d = "" + n.key), "key" in n) {
-      l = {};
-      for (var f in n)
-        f !== "key" && (l[f] = n[f]);
-    } else l = n;
-    return n = l.ref, {
-      $$typeof: a,
-      type: s,
-      key: d,
-      ref: n !== void 0 ? n : null,
-      props: l
-    };
-  }
-  return A.Fragment = r, A.jsx = u, A.jsxs = u, A;
-}
-var j = {};
-var q;
-function ge() {
-  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
-    function a(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === le ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case O:
-          return "Fragment";
-        case H:
-          return "Profiler";
-        case G:
-          return "StrictMode";
-        case ae:
-          return "Suspense";
-        case re:
-          return "SuspenseList";
-        case ne:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case R:
-            return "Portal";
-          case Q:
-            return e.displayName || "Context";
-          case Z:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case ee:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
-            return t = e.displayName || null, t !== null ? t : a(e.type) || "Memo";
-          case C:
-            t = e._payload, e = e._init;
-            try {
-              return a(e(t));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function r(e) {
-      return "" + e;
-    }
-    function u(e) {
-      try {
-        r(e);
-        var t = !1;
-      } catch {
-        t = !0;
-      }
-      if (t) {
-        t = console;
-        var o = t.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
-          t,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          c
-        ), r(e);
-      }
-    }
-    function s(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
-        return "<...>";
-      try {
-        var t = a(e);
-        return t ? "<" + t + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function n() {
-      var e = w.A;
-      return e === null ? null : e.getOwner();
-    }
-    function l() {
-      return Error("react-stack-top-frame");
-    }
-    function d(e) {
-      if (K.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function f(e, t) {
-      function o() {
-        Y || (Y = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          t
-        ));
-      }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
-        configurable: !0
-      });
-    }
-    function m() {
-      var e = a(this.type);
-      return M[e] || (M[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function p(e, t, o, c, N, D) {
-      var i = o.ref;
-      return e = {
-        $$typeof: b,
-        type: e,
-        key: t,
-        props: o,
-        _owner: c
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: m
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: N
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: D
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function g(e, t, o, c, N, D) {
-      var i = t.children;
-      if (i !== void 0)
-        if (c)
-          if (oe(i)) {
-            for (c = 0; c < i.length; c++)
-              v(i[c]);
-            Object.freeze && Object.freeze(i);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else v(i);
-      if (K.call(t, "key")) {
-        i = a(e);
-        var T = Object.keys(t).filter(function(se) {
-          return se !== "key";
-        });
-        c = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", I[i + c] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          c,
-          i,
-          T,
-          i
-        ), I[i + c] = !0);
-      }
-      if (i = null, o !== void 0 && (u(o), i = "" + o), d(t) && (u(t.key), i = "" + t.key), "key" in t) {
-        o = {};
-        for (var F in t)
-          F !== "key" && (o[F] = t[F]);
-      } else o = t;
-      return i && f(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), p(
-        e,
-        i,
-        o,
-        n(),
-        N,
-        D
-      );
-    }
-    function v(e) {
-      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === C && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function _(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === b;
-    }
-    var E = k, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), G = /* @__PURE__ */ Symbol.for("react.strict_mode"), H = /* @__PURE__ */ Symbol.for("react.profiler"), Z = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), ee = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), w = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, oe = Array.isArray, P = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var Y, M = {}, L = E.react_stack_bottom_frame.bind(
-      E,
-      l
-    )(), $ = P(s(l)), I = {};
-    j.Fragment = O, j.jsx = function(e, t, o) {
-      var c = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return g(
-        e,
-        t,
-        o,
-        !1,
-        c ? Error("react-stack-top-frame") : L,
-        c ? P(s(e)) : $
-      );
-    }, j.jsxs = function(e, t, o) {
-      var c = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return g(
-        e,
-        t,
-        o,
-        !0,
-        c ? Error("react-stack-top-frame") : L,
-        c ? P(s(e)) : $
-      );
-    };
-  })()), j;
-}
-var z;
-function pe() {
-  return z || (z = 1, process.env.NODE_ENV === "production" ? S.exports = me() : S.exports = ge()), S.exports;
-}
-var y = pe();
-const be = k.lazy(() => import("./ChartImpl-WXTkPN08.js")), ye = k.lazy(() => import("./AdvancedChartImpl-D5NQFQLZ.js")), B = ({ schema: a }) => /* @__PURE__ */ y.jsx(U, { fallback: /* @__PURE__ */ y.jsx(W, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }), children: /* @__PURE__ */ y.jsx(
-  be,
-  {
-    data: a.data,
-    dataKey: a.dataKey,
-    xAxisKey: a.xAxisKey,
-    height: a.height,
-    className: a.className,
-    color: a.color
-  }
-) }), x = ({ schema: a }) => {
-  const r = k.useMemo(() => {
-    let u = a.series, s = a.xAxisKey, n = a.config;
-    if (s || (a.index ? s = a.index : a.category && (s = a.category)), u || (a.categories ? u = a.categories.map((l) => ({ dataKey: l })) : a.value && (u = [{ dataKey: a.value }])), !n && u) {
-      const l = a.colors || ["hsl(var(--chart-1))", "hsl(var(--chart-2))", "hsl(var(--chart-3))"], d = {};
-      u.forEach((f, m) => {
-        d[f.dataKey] = { label: f.dataKey, color: l[m % l.length] };
-      }), n = d;
-    }
-    return {
-      chartType: a.chartType,
-      data: Array.isArray(a.data) ? a.data : [],
-      config: n,
-      xAxisKey: s,
-      series: u,
-      className: a.className
-    };
-  }, [a]);
-  return /* @__PURE__ */ y.jsx(U, { fallback: /* @__PURE__ */ y.jsx(W, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }), children: /* @__PURE__ */ y.jsx(
-    ye,
-    {
-      chartType: r.chartType,
-      data: r.data,
-      config: r.config,
-      xAxisKey: r.xAxisKey,
-      series: r.series,
-      className: r.className
-    }
-  ) });
-};
-function he(a, r) {
-  const { field: u, function: s, groupBy: n } = r, l = {};
-  for (const d of a) {
-    const f = String(d[n] ?? "Unknown");
-    l[f] || (l[f] = []), l[f].push(d);
-  }
-  return Object.entries(l).map(([d, f]) => {
-    const m = f.map((g) => Number(g[u]) || 0);
-    let p;
-    switch (s) {
-      case "count":
-        p = f.length;
-        break;
-      case "avg":
-        p = m.length > 0 ? m.reduce((g, v) => g + v, 0) / m.length : 0;
-        break;
-      case "min":
-        p = m.length > 0 ? Math.min(...m) : 0;
-        break;
-      case "max":
-        p = m.length > 0 ? Math.max(...m) : 0;
-        break;
-      default:
-        p = m.reduce((g, v) => g + v, 0);
-        break;
-    }
-    return { [n]: d, [u]: p };
-  });
-}
-const X = (a) => {
-  const { schema: r } = a, u = ie(fe), s = a.dataSource || u?.dataSource, n = de(r.bind), [l, d] = V([]), [f, m] = V(!1);
-  ue(() => {
-    let _ = !0;
-    const E = async () => {
-      if (!(!s || !r.objectName)) {
-        _ && m(!0);
-        try {
-          let b;
-          if (r.aggregate && typeof s.aggregate == "function") {
-            const R = await s.aggregate(r.objectName, {
-              field: r.aggregate.field,
-              function: r.aggregate.function,
-              groupBy: r.aggregate.groupBy,
-              filter: r.filter
-            });
-            b = Array.isArray(R) ? R : [];
-          } else if (typeof s.find == "function") {
-            const R = await s.find(r.objectName, {
-              $filter: r.filter
-            });
-            b = ce(R), r.aggregate && b.length > 0 && (b = he(b, r.aggregate));
-          } else
-            return;
-          _ && d(b);
-        } catch (b) {
-          console.error("[ObjectChart] Fetch error:", b);
-        } finally {
-          _ && m(!1);
-        }
-      }
-    };
-    return r.objectName && !n && !r.data && E(), () => {
-      _ = !1;
-    };
-  }, [r.objectName, s, n, r.data, r.filter, r.aggregate]);
-  const p = n || r.data || l, g = Array.isArray(p) ? p : [], v = {
-    ...r,
-    data: g
-  };
-  return f && g.length === 0 ? /* @__PURE__ */ y.jsx("div", { className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (r.className || ""), children: "Loading chart data…" }) : !s && r.objectName && g.length === 0 ? /* @__PURE__ */ y.jsxs("div", { className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (r.className || ""), children: [
-    'No data source available for "',
-    r.objectName,
-    '"'
-  ] }) : /* @__PURE__ */ y.jsx(x, { ...a, schema: v });
-};
-h.register("object-chart", X, {
-  namespace: "plugin-charts",
-  label: "Object Chart",
-  category: "view",
-  inputs: [
-    { name: "objectName", type: "string", label: "Object Name", required: !0 },
-    { name: "data", type: "array", label: "Data", description: "Optional static data" },
-    { name: "filter", type: "array", label: "Filter" },
-    { name: "aggregate", type: "object", label: "Aggregate", description: "Aggregation config: { field, function, groupBy }" }
-  ]
-});
-const Re = {
-  "bar-chart": B,
-  chart: x
-};
-h.register(
-  "bar-chart",
-  B,
-  {
-    namespace: "plugin-charts",
-    label: "Bar Chart",
-    category: "plugin",
-    inputs: [
-      { name: "data", type: "array", label: "Data", required: !0 },
-      { name: "dataKey", type: "string", label: "Data Key", defaultValue: "value" },
-      { name: "xAxisKey", type: "string", label: "X-Axis Key", defaultValue: "name" },
-      { name: "height", type: "number", label: "Height", defaultValue: 400 },
-      { name: "color", type: "color", label: "Color", defaultValue: "#8884d8" }
-    ],
-    defaultProps: {
-      data: [
-        { name: "Jan", value: 400 },
-        { name: "Feb", value: 300 },
-        { name: "Mar", value: 600 },
-        { name: "Apr", value: 800 },
-        { name: "May", value: 500 }
-      ],
-      dataKey: "value",
-      xAxisKey: "name",
-      height: 400,
-      color: "#8884d8"
-    }
-  }
-);
-h.register("chart", X, {
-  namespace: "view",
-  category: "view",
-  label: "Chart",
-  inputs: [
-    { name: "objectName", type: "string", label: "Object Name", required: !0 },
-    { name: "type", type: "string", label: "Chart Type" },
-    { name: "categoryField", type: "string", label: "Category Field" },
-    { name: "valueField", type: "string", label: "Value Field" }
-  ]
-});
-h.register(
-  "chart",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Chart",
-    category: "plugin",
-    inputs: [
-      {
-        name: "chartType",
-        type: "enum",
-        label: "Chart Type",
-        enum: [
-          { label: "Bar", value: "bar" },
-          { label: "Line", value: "line" },
-          { label: "Area", value: "area" },
-          { label: "Pie", value: "pie" },
-          { label: "Donut", value: "donut" },
-          { label: "Radar", value: "radar" },
-          { label: "Scatter", value: "scatter" }
-        ],
-        defaultValue: "bar"
-      },
-      { name: "data", type: "code", label: "Data (JSON)", required: !0 },
-      { name: "config", type: "code", label: "Config (JSON)" },
-      { name: "xAxisKey", type: "string", label: "X Axis Key", defaultValue: "name" },
-      { name: "series", type: "code", label: "Series (JSON Array)", required: !0 },
-      { name: "className", type: "string", label: "CSS Class" }
-    ],
-    defaultProps: {
-      chartType: "bar",
-      data: [
-        { name: "Jan", sales: 400, revenue: 240 },
-        { name: "Feb", sales: 300, revenue: 139 },
-        { name: "Mar", sales: 600, revenue: 380 },
-        { name: "Apr", sales: 800, revenue: 430 },
-        { name: "May", sales: 500, revenue: 220 }
-      ],
-      config: {
-        sales: { label: "Sales", color: "#8884d8" },
-        revenue: { label: "Revenue", color: "#82ca9d" }
-      },
-      xAxisKey: "name",
-      series: [
-        { dataKey: "sales" },
-        { dataKey: "revenue" }
-      ]
-    }
-  }
-);
-h.register(
-  "chart:bar",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Bar Chart (Alias)",
-    category: "plugin",
-    defaultProps: { chartType: "bar" }
-  }
-);
-h.register(
-  "pie-chart",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Pie Chart",
-    category: "plugin",
-    defaultProps: { chartType: "pie" }
-  }
-);
-h.register(
-  "donut-chart",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Donut Chart",
-    category: "plugin",
-    defaultProps: { chartType: "donut" }
-  }
-);
-h.register(
-  "radar-chart",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Radar Chart",
-    category: "plugin",
-    defaultProps: { chartType: "radar" }
-  }
-);
-h.register(
-  "scatter-chart",
-  x,
-  {
-    namespace: "plugin-charts",
-    label: "Scatter Chart",
-    category: "plugin",
-    defaultProps: { chartType: "scatter" }
-  }
-);
-export {
-  B as C,
-  X as O,
-  x as a,
-  Re as c,
-  y as j
-};