@object-ui/plugin-charts 0.5.0 → 3.0.0

package/dist/{ChartImpl-CU5lEzui.js → ChartImpl-C-IeuOgj.js}

@@ -1,4 +1,4 @@
-import { j as r } from "./index-DgxI83zT.js";
+import { j as r } from "./index-B49zCCfG.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 = [],
@@ -9,7 +9,7 @@ function j({
   // 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: [
+  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 }),

package/dist/{index-DgxI83zT.js → index-B49zCCfG.js}

@@ -1,14 +1,14 @@
 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";
+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 ie() {
+function fe() {
   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) {
+  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 = {};
@@ -17,53 +17,53 @@ function ie() {
     } else c = l;
     return l = c.ref, {
       $$typeof: a,
-      type: i,
+      type: u,
       key: d,
       ref: l !== void 0 ? l : null,
       props: c
     };
   }
-  return E.Fragment = t, E.jsx = u, E.jsxs = u, E;
+  return E.Fragment = t, E.jsx = i, E.jsxs = i, E;
 }
 var R = {};
 var J;
-function fe() {
+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 === ne ? null : e.displayName || e.name || null;
+        return e.$$typeof === le ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case O:
+        case C:
           return "Fragment";
-        case G:
+        case H:
           return "Profiler";
-        case B:
+        case G:
           return "StrictMode";
-        case ee:
-          return "Suspense";
         case re:
+          return "Suspense";
+        case ae:
           return "SuspenseList";
-        case te:
+        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 X:
+          case B:
             return "Portal";
-          case Z:
+          case Q:
             return e.displayName || "Context";
-          case H:
+          case Z:
             return (e._context.displayName || "Context") + ".Consumer";
-          case Q:
+          case ee:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ae:
+          case te:
             return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case C:
+          case k:
             r = e._payload, e = e._init;
             try {
               return a(e(r));
@@ -75,7 +75,7 @@ function fe() {
     function t(e) {
       return "" + e;
     }
-    function u(e) {
+    function i(e) {
       try {
         t(e);
         var r = !1;
@@ -92,9 +92,9 @@ function fe() {
         ), t(e);
       }
     }
-    function i(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
+    function u(e) {
+      if (e === C) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
         return "<...>";
       try {
         var r = a(e);
@@ -104,14 +104,14 @@ function fe() {
       }
     }
     function l() {
-      var e = P.A;
+      var e = N.A;
       return e === null ? null : e.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
     function d(e) {
-      if (K.call(e, "key")) {
+      if (F.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -119,7 +119,7 @@ function fe() {
     }
     function p(e, r) {
       function n() {
-        Y || (Y = !0, console.error(
+        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
         ));
@@ -129,23 +129,23 @@ function fe() {
         configurable: !0
       });
     }
-    function g() {
+    function h() {
       var e = a(this.type);
-      return F[e] || (F[e] = !0, console.error(
+      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 x(e, r, n, o, S, w) {
+    function T(e, r, n, o, S, w) {
       var s = n.ref;
       return e = {
-        $$typeof: h,
+        $$typeof: v,
         type: e,
         key: r,
         props: n,
         _owner: o
       }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: h
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -168,11 +168,11 @@ function fe() {
         value: w
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function T(e, r, n, o, S, w) {
+    function x(e, r, n, o, S, w) {
       var s = r.children;
       if (s !== void 0)
         if (o)
-          if (le(s)) {
+          if (oe(s)) {
             for (o = 0; o < s.length; o++)
               y(s[o]);
             Object.freeze && Object.freeze(s);
@@ -181,10 +181,10 @@ function fe() {
               "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")) {
+      if (F.call(r, "key")) {
         s = a(e);
-        var _ = Object.keys(r).filter(function(oe) {
-          return oe !== "key";
+        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:
@@ -199,7 +199,7 @@ React keys must be passed directly to JSX without using spread:
           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) {
+      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]);
@@ -207,7 +207,7 @@ React keys must be passed directly to JSX without using spread:
       return s && p(
         n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), x(
+      ), T(
         e,
         s,
         n,
@@ -217,12 +217,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     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));
+      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;
+      return typeof e == "object" && e !== null && e.$$typeof === v;
     }
-    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() {
+    var f = O, v = /* @__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 = {
@@ -230,40 +230,40 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var Y, F = {}, M = f.react_stack_bottom_frame.bind(
+    var K, Y = {}, 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(
+    )(), $ = 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 ? N(i(e)) : $
+        o ? P(u(e)) : $
       );
     }, R.jsxs = function(e, r, n) {
-      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return T(
+      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return x(
         e,
         r,
         n,
         !0,
         o ? Error("react-stack-top-frame") : M,
-        o ? N(i(e)) : $
+        o ? P(u(e)) : $
       );
     };
   })()), R;
 }
-var z;
-function de() {
-  return z || (z = 1, process.env.NODE_ENV === "production" ? j.exports = ie() : j.exports = fe()), j.exports;
+var q;
+function pe() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? j.exports = fe() : j.exports = de()), 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,
+var g = pe();
+const me = O.lazy(() => import("./ChartImpl-C-IeuOgj.js")), be = O.lazy(() => import("./AdvancedChartImpl-BPJDgZhN.js")), U = ({ schema: a }) => /* @__PURE__ */ g.jsx(z, { fallback: /* @__PURE__ */ g.jsx(W, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }), children: /* @__PURE__ */ g.jsx(
+  me,
   {
     data: a.data,
     dataKey: a.dataKey,
@@ -273,25 +273,25 @@ const pe = k.lazy(() => import("./ChartImpl-CU5lEzui.js")), me = k.lazy(() => im
     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 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 = {};
-      u.forEach((p, g) => {
-        d[p.dataKey] = { label: p.dataKey, color: c[g % c.length] };
+      i.forEach((p, h) => {
+        d[p.dataKey] = { label: p.dataKey, color: c[h % c.length] };
       }), l = d;
     }
     return {
       chartType: a.chartType,
       data: a.data,
       config: l,
-      xAxisKey: i,
-      series: u,
+      xAxisKey: u,
+      series: i,
       className: a.className
     };
   }, [a]);
-  return /* @__PURE__ */ v.jsx(W, { fallback: /* @__PURE__ */ v.jsx(q, { className: "w-full h-[400px]" }), children: /* @__PURE__ */ v.jsx(
-    me,
+  return /* @__PURE__ */ g.jsx(z, { fallback: /* @__PURE__ */ g.jsx(W, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }), children: /* @__PURE__ */ g.jsx(
+    be,
     {
       chartType: t.chartType,
       data: t.data,
@@ -301,40 +301,45 @@ const pe = k.lazy(() => import("./ChartImpl-CU5lEzui.js")), me = k.lazy(() => im
       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(() => {
+}, X = (a) => {
+  const { schema: t } = a, i = ie(), u = a.dataSource || i.dataSource, l = ue(t.bind), [c, d] = L([]), [p, h] = L(!1);
+  ce(() => {
     let y = !0;
     const A = async () => {
-      if (!(!i || !t.objectName)) {
-        y && g(!0);
+      if (!(!u || !t.objectName)) {
+        y && h(!0);
         try {
-          const f = await i.find(t.objectName, {
+          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);
+          let v = [];
+          Array.isArray(f) ? v = f : f && typeof f == "object" && Array.isArray(f.records) && (v = f.records), y && d(v);
         } catch (f) {
           console.error("[ObjectChart] Fetch error:", f);
         } finally {
-          y && g(!1);
+          y && h(!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.objectName, u, l, t.data, t.filter]);
+  const T = l || t.data || c || [], x = {
     ...t,
-    data: x
+    data: T
   };
-  return p && x.length, /* @__PURE__ */ v.jsx(b, { ...a, schema: T });
+  return p && T.length, /* @__PURE__ */ g.jsx(b, { ...a, schema: x });
 };
-m.register("object-chart", be, {
+m.register("object-chart", X, {
   namespace: "plugin-charts",
   label: "Object Chart",
-  category: "view"
+  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,
@@ -369,6 +374,17 @@ m.register(
     }
   }
 );
+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,
@@ -471,8 +487,8 @@ m.register(
 );
 export {
   U as C,
-  be as O,
+  X as O,
   b as a,
   _e as c,
-  v as j
+  g as j
 };

package/dist/index.js

@@ -1,5 +1,5 @@
 import "@object-ui/core";
-import { C as t, a as o, O as s, c as C } from "./index-DgxI83zT.js";
+import { C as t, a as o, O as s, c as C } from "./index-B49zCCfG.js";
 export {
   t as ChartBarRenderer,
   o as ChartRenderer,