@object-ui/plugin-charts 0.3.1 → 2.0.0

package/dist/ChartImpl-B5LY4On3.js

@@ -0,0 +1,79 @@
+import { j as r } from "./index-DSBO2Kdy.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-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: 20, right: 30, left: 20, 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-DSBO2Kdy.js

@@ -0,0 +1,494 @@
+import { ComponentRegistry as m } from "@object-ui/core";
+import O, { Suspense as z, useState as L, useEffect as ce } from "react";
+import { Skeleton as W } from "@object-ui/components";
+import { useSchemaContext as ie, useDataScope as ue } from "@object-ui/react";
+var j = { exports: {} }, E = {};
+var V;
+function fe() {
+  if (V) return E;
+  V = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function i(u, l, c) {
+    var d = null;
+    if (c !== void 0 && (d = "" + c), l.key !== void 0 && (d = "" + l.key), "key" in l) {
+      c = {};
+      for (var p in l)
+        p !== "key" && (c[p] = l[p]);
+    } else c = l;
+    return l = c.ref, {
+      $$typeof: a,
+      type: u,
+      key: d,
+      ref: l !== void 0 ? l : null,
+      props: c
+    };
+  }
+  return E.Fragment = t, E.jsx = i, E.jsxs = i, E;
+}
+var R = {};
+var J;
+function de() {
+  return J || (J = 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 C:
+          return "Fragment";
+        case H:
+          return "Profiler";
+        case G:
+          return "StrictMode";
+        case re:
+          return "Suspense";
+        case ae:
+          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 B:
+            return "Portal";
+          case Q:
+            return e.displayName || "Context";
+          case Z:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case ee:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case te:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case k:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        t(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), t(e);
+      }
+    }
+    function u(e) {
+      if (e === C) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = N.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (F.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function p(e, r) {
+      function n() {
+        K || (K = !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)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function v() {
+      var e = a(this.type);
+      return Y[e] || (Y[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 T(e, r, n, o, S, w) {
+      var s = n.ref;
+      return e = {
+        $$typeof: h,
+        type: e,
+        key: r,
+        props: n,
+        _owner: o
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: v
+      }) : 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: S
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: w
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function x(e, r, n, o, S, w) {
+      var s = r.children;
+      if (s !== void 0)
+        if (o)
+          if (oe(s)) {
+            for (o = 0; o < s.length; o++)
+              y(s[o]);
+            Object.freeze && Object.freeze(s);
+          } 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 y(s);
+      if (F.call(r, "key")) {
+        s = a(e);
+        var _ = Object.keys(r).filter(function(se) {
+          return se !== "key";
+        });
+        o = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", I[s + o] || (_ = 0 < _.length ? "{" + _.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} />`,
+          o,
+          s,
+          _,
+          s
+        ), I[s + o] = !0);
+      }
+      if (s = null, n !== void 0 && (i(n), s = "" + n), d(r) && (i(r.key), s = "" + r.key), "key" in r) {
+        n = {};
+        for (var D in r)
+          D !== "key" && (n[D] = r[D]);
+      } else n = r;
+      return s && p(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), T(
+        e,
+        s,
+        n,
+        l(),
+        S,
+        w
+      );
+    }
+    function y(e) {
+      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function A(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === h;
+    }
+    var f = O, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), B = /* @__PURE__ */ Symbol.for("react.portal"), C = /* @__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"), re = /* @__PURE__ */ Symbol.for("react.suspense"), ae = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), N = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, oe = Array.isArray, P = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    f = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var K, Y = {}, M = f.react_stack_bottom_frame.bind(
+      f,
+      c
+    )(), $ = P(u(c)), I = {};
+    R.Fragment = C, R.jsx = function(e, r, n) {
+      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        r,
+        n,
+        !1,
+        o ? Error("react-stack-top-frame") : M,
+        o ? P(u(e)) : $
+      );
+    }, R.jsxs = function(e, r, n) {
+      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return x(
+        e,
+        r,
+        n,
+        !0,
+        o ? Error("react-stack-top-frame") : M,
+        o ? P(u(e)) : $
+      );
+    };
+  })()), R;
+}
+var q;
+function pe() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = fe() : j.exports = de()), j.exports;
+}
+var g = pe();
+const me = O.lazy(() => import("./ChartImpl-B5LY4On3.js")), be = O.lazy(() => import("./AdvancedChartImpl-DFmeUY4Q.js")), U = ({ schema: a }) => /* @__PURE__ */ g.jsx(z, { fallback: /* @__PURE__ */ g.jsx(W, { className: "w-full h-[400px]" }), children: /* @__PURE__ */ g.jsx(
+  me,
+  {
+    data: a.data,
+    dataKey: a.dataKey,
+    xAxisKey: a.xAxisKey,
+    height: a.height,
+    className: a.className,
+    color: a.color
+  }
+) }), b = ({ schema: a }) => {
+  const t = O.useMemo(() => {
+    let i = a.series, u = a.xAxisKey, l = a.config;
+    if (u || (a.index ? u = a.index : a.category && (u = a.category)), i || (a.categories ? i = a.categories.map((c) => ({ dataKey: c })) : a.value && (i = [{ dataKey: a.value }])), !l && i) {
+      const c = a.colors || ["hsl(var(--chart-1))", "hsl(var(--chart-2))", "hsl(var(--chart-3))"], d = {};
+      i.forEach((p, v) => {
+        d[p.dataKey] = { label: p.dataKey, color: c[v % c.length] };
+      }), l = d;
+    }
+    return {
+      chartType: a.chartType,
+      data: a.data,
+      config: l,
+      xAxisKey: u,
+      series: i,
+      className: a.className
+    };
+  }, [a]);
+  return /* @__PURE__ */ g.jsx(z, { fallback: /* @__PURE__ */ g.jsx(W, { className: "w-full h-[400px]" }), children: /* @__PURE__ */ g.jsx(
+    be,
+    {
+      chartType: t.chartType,
+      data: t.data,
+      config: t.config,
+      xAxisKey: t.xAxisKey,
+      series: t.series,
+      className: t.className
+    }
+  ) });
+}, X = (a) => {
+  const { schema: t } = a, i = ie(), u = a.dataSource || i.dataSource, l = ue(t.bind), [c, d] = L([]), [p, v] = L(!1);
+  ce(() => {
+    let y = !0;
+    const A = async () => {
+      if (!(!u || !t.objectName)) {
+        y && v(!0);
+        try {
+          const f = await u.find(t.objectName, {
+            $filter: t.filter
+          });
+          let h = [];
+          Array.isArray(f) ? h = f : f && typeof f == "object" && Array.isArray(f.value) && (h = f.value), y && d(h);
+        } catch (f) {
+          console.error("[ObjectChart] Fetch error:", f);
+        } finally {
+          y && v(!1);
+        }
+      }
+    };
+    return t.objectName && !l && !t.data && A(), () => {
+      y = !1;
+    };
+  }, [t.objectName, u, l, t.data, t.filter]);
+  const T = l || t.data || c || [], x = {
+    ...t,
+    data: T
+  };
+  return p && T.length, /* @__PURE__ */ g.jsx(b, { ...a, schema: x });
+};
+m.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" }
+  ]
+});
+const _e = {
+  "bar-chart": U,
+  chart: b
+};
+m.register(
+  "bar-chart",
+  U,
+  {
+    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"
+    }
+  }
+);
+m.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" }
+  ]
+});
+m.register(
+  "chart",
+  b,
+  {
+    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" }
+      ]
+    }
+  }
+);
+m.register(
+  "chart:bar",
+  b,
+  {
+    namespace: "plugin-charts",
+    label: "Bar Chart (Alias)",
+    category: "plugin",
+    defaultProps: { chartType: "bar" }
+  }
+);
+m.register(
+  "pie-chart",
+  b,
+  {
+    namespace: "plugin-charts",
+    label: "Pie Chart",
+    category: "plugin",
+    defaultProps: { chartType: "pie" }
+  }
+);
+m.register(
+  "donut-chart",
+  b,
+  {
+    namespace: "plugin-charts",
+    label: "Donut Chart",
+    category: "plugin",
+    defaultProps: { chartType: "donut" }
+  }
+);
+m.register(
+  "radar-chart",
+  b,
+  {
+    namespace: "plugin-charts",
+    label: "Radar Chart",
+    category: "plugin",
+    defaultProps: { chartType: "radar" }
+  }
+);
+m.register(
+  "scatter-chart",
+  b,
+  {
+    namespace: "plugin-charts",
+    label: "Scatter Chart",
+    category: "plugin",
+    defaultProps: { chartType: "scatter" }
+  }
+);
+export {
+  U as C,
+  X as O,
+  b as a,
+  _e as c,
+  g as j
+};

package/dist/index.js

@@ -1,9 +1,8 @@
-import { C as m, a as p, c as n } from "./index-CTfEtwhn.js";
-import "react";
 import "@object-ui/core";
-import "@object-ui/components";
+import { C as t, a as o, O as s, c as C } from "./index-DSBO2Kdy.js";
 export {
-  m as ChartBarRenderer,
-  p as ChartRenderer,
-  n as chartComponents
+  t as ChartBarRenderer,
+  o as ChartRenderer,
+  s as ObjectChart,
+  C as chartComponents
 };