@object-ui/plugin-charts 0.3.0 → 0.5.0

package/dist/{ChartImpl-DiqV9Evl.js → ChartImpl-CU5lEzui.js}

@@ -1,5 +1,5 @@
-import { j as r } from "./index-BcjHuFVN.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-CRc8MAtI.js";
+import { j as r } from "./index-DgxI83zT.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",

package/dist/index-DgxI83zT.js

@@ -0,0 +1,478 @@
+import { ComponentRegistry as m } from "@object-ui/core";
+import k, { Suspense as W, useState as L, useEffect as se } from "react";
+import { Skeleton as q } from "@object-ui/components";
+import { useSchemaContext as ce, useDataScope as ue } from "@object-ui/react";
+var j = { exports: {} }, E = {};
+var V;
+function ie() {
+  if (V) return E;
+  V = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function u(i, 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: i,
+      key: d,
+      ref: l !== void 0 ? l : null,
+      props: c
+    };
+  }
+  return E.Fragment = t, E.jsx = u, E.jsxs = u, E;
+}
+var R = {};
+var J;
+function fe() {
+  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 === ne ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case O:
+          return "Fragment";
+        case G:
+          return "Profiler";
+        case B:
+          return "StrictMode";
+        case ee:
+          return "Suspense";
+        case re:
+          return "SuspenseList";
+        case te:
+          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 X:
+            return "Portal";
+          case Z:
+            return e.displayName || "Context";
+          case H:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case Q:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ae:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case C:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(e) {
+      return "" + e;
+    }
+    function u(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 i(e) {
+      if (e === O) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === C)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (K.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() {
+        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)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function g() {
+      var e = a(this.type);
+      return F[e] || (F[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 x(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: g
+      }) : 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 T(e, r, n, o, S, w) {
+      var s = r.children;
+      if (s !== void 0)
+        if (o)
+          if (le(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 (K.call(r, "key")) {
+        s = a(e);
+        var _ = Object.keys(r).filter(function(oe) {
+          return oe !== "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 && (u(n), s = "" + n), d(r) && (u(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
+      ), x(
+        e,
+        s,
+        n,
+        l(),
+        S,
+        w
+      );
+    }
+    function y(e) {
+      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === C && (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 = k, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), X = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), B = /* @__PURE__ */ Symbol.for("react.strict_mode"), G = /* @__PURE__ */ Symbol.for("react.profiler"), H = /* @__PURE__ */ Symbol.for("react.consumer"), Z = /* @__PURE__ */ Symbol.for("react.context"), Q = /* @__PURE__ */ Symbol.for("react.forward_ref"), ee = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), ae = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), te = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), P = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, le = Array.isArray, N = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    f = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Y, F = {}, M = f.react_stack_bottom_frame.bind(
+      f,
+      c
+    )(), $ = N(i(c)), I = {};
+    R.Fragment = O, R.jsx = function(e, r, n) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
+        e,
+        r,
+        n,
+        !1,
+        o ? Error("react-stack-top-frame") : M,
+        o ? N(i(e)) : $
+      );
+    }, R.jsxs = function(e, r, n) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
+        e,
+        r,
+        n,
+        !0,
+        o ? Error("react-stack-top-frame") : M,
+        o ? N(i(e)) : $
+      );
+    };
+  })()), R;
+}
+var z;
+function de() {
+  return z || (z = 1, process.env.NODE_ENV === "production" ? j.exports = ie() : j.exports = fe()), j.exports;
+}
+var v = de();
+const pe = k.lazy(() => import("./ChartImpl-CU5lEzui.js")), me = k.lazy(() => import("./AdvancedChartImpl-DcIHnCct.js")), U = ({ schema: a }) => /* @__PURE__ */ v.jsx(W, { fallback: /* @__PURE__ */ v.jsx(q, { className: "w-full h-[400px]" }), children: /* @__PURE__ */ v.jsx(
+  pe,
+  {
+    data: a.data,
+    dataKey: a.dataKey,
+    xAxisKey: a.xAxisKey,
+    height: a.height,
+    className: a.className,
+    color: a.color
+  }
+) }), b = ({ schema: a }) => {
+  const t = k.useMemo(() => {
+    let u = a.series, i = a.xAxisKey, l = a.config;
+    if (i || (a.index ? i = a.index : a.category && (i = a.category)), u || (a.categories ? u = a.categories.map((c) => ({ dataKey: c })) : a.value && (u = [{ dataKey: a.value }])), !l && u) {
+      const c = a.colors || ["hsl(var(--chart-1))", "hsl(var(--chart-2))", "hsl(var(--chart-3))"], d = {};
+      u.forEach((p, g) => {
+        d[p.dataKey] = { label: p.dataKey, color: c[g % c.length] };
+      }), l = d;
+    }
+    return {
+      chartType: a.chartType,
+      data: a.data,
+      config: l,
+      xAxisKey: i,
+      series: u,
+      className: a.className
+    };
+  }, [a]);
+  return /* @__PURE__ */ v.jsx(W, { fallback: /* @__PURE__ */ v.jsx(q, { className: "w-full h-[400px]" }), children: /* @__PURE__ */ v.jsx(
+    me,
+    {
+      chartType: t.chartType,
+      data: t.data,
+      config: t.config,
+      xAxisKey: t.xAxisKey,
+      series: t.series,
+      className: t.className
+    }
+  ) });
+}, be = (a) => {
+  const { schema: t } = a, u = ce(), i = a.dataSource || u.dataSource, l = ue(t.bind), [c, d] = L([]), [p, g] = L(!1);
+  se(() => {
+    let y = !0;
+    const A = async () => {
+      if (!(!i || !t.objectName)) {
+        y && g(!0);
+        try {
+          const f = await i.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 && g(!1);
+        }
+      }
+    };
+    return t.objectName && !l && !t.data && A(), () => {
+      y = !1;
+    };
+  }, [t.objectName, i, l, t.data, t.filter]);
+  const x = l || t.data || c || [], T = {
+    ...t,
+    data: x
+  };
+  return p && x.length, /* @__PURE__ */ v.jsx(b, { ...a, schema: T });
+};
+m.register("object-chart", be, {
+  namespace: "plugin-charts",
+  label: "Object Chart",
+  category: "view"
+});
+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",
+  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,
+  be as O,
+  b as a,
+  _e as c,
+  v as j
+};

package/dist/index.js

@@ -1,9 +1,8 @@
-import { C as m, a as p, c as n } from "./index-BcjHuFVN.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-DgxI83zT.js";
 export {
-  m as ChartBarRenderer,
-  p as ChartRenderer,
-  n as chartComponents
+  t as ChartBarRenderer,
+  o as ChartRenderer,
+  s as ObjectChart,
+  C as chartComponents
 };