@object-ui/plugin-report 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ObjectQL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './src/index'

package/dist/index.js

@@ -0,0 +1,1011 @@
+import { ComponentRegistry as P } from "@object-ui/core";
+import fe, { useState as W } from "react";
+import { Card as z, CardHeader as ee, CardTitle as se, CardDescription as de, CardContent as Y, Button as E, Tabs as je, TabsList as ve, TabsTrigger as q, TabsContent as H, Label as x, Input as D } from "@object-ui/components";
+import { SchemaRenderer as ue } from "@object-ui/react";
+import { RefreshCw as ge, Printer as be, Download as Ne, Settings as ye, Layers as oe, Filter as we, Plus as I, Trash2 as Q, Save as Re } from "lucide-react";
+var ce = { exports: {} }, J = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var he;
+function Ee() {
+  if (he) return J;
+  he = 1;
+  var v = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function u(d, m, N) {
+    var S = null;
+    if (N !== void 0 && (S = "" + N), m.key !== void 0 && (S = "" + m.key), "key" in m) {
+      N = {};
+      for (var i in m)
+        i !== "key" && (N[i] = m[i]);
+    } else N = m;
+    return m = N.ref, {
+      $$typeof: v,
+      type: d,
+      key: S,
+      ref: m !== void 0 ? m : null,
+      props: N
+    };
+  }
+  return J.Fragment = c, J.jsx = u, J.jsxs = u, J;
+}
+var X = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var me;
+function Ce() {
+  return me || (me = 1, process.env.NODE_ENV !== "production" && function() {
+    function v(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === ae ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case o:
+          return "Fragment";
+        case k:
+          return "Profiler";
+        case _:
+          return "StrictMode";
+        case B:
+          return "Suspense";
+        case re:
+          return "SuspenseList";
+        case M:
+          return "Activity";
+      }
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), s.$$typeof) {
+          case C:
+            return "Portal";
+          case O:
+            return s.displayName || "Context";
+          case A:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case $:
+            var n = s.render;
+            return s = s.displayName, s || (s = n.displayName || n.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case te:
+            return n = s.displayName || null, n !== null ? n : v(s.type) || "Memo";
+          case L:
+            n = s._payload, s = s._init;
+            try {
+              return v(s(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(s) {
+      return "" + s;
+    }
+    function u(s) {
+      try {
+        c(s);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var p = n.error, g = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return p.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          g
+        ), c(s);
+      }
+    }
+    function d(s) {
+      if (s === o) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === L)
+        return "<...>";
+      try {
+        var n = v(s);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function m() {
+      var s = F.A;
+      return s === null ? null : s.getOwner();
+    }
+    function N() {
+      return Error("react-stack-top-frame");
+    }
+    function S(s) {
+      if (Z.call(s, "key")) {
+        var n = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return s.key !== void 0;
+    }
+    function i(s, n) {
+      function p() {
+        t || (t = !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)",
+          n
+        ));
+      }
+      p.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: p,
+        configurable: !0
+      });
+    }
+    function h() {
+      var s = v(this.type);
+      return a[s] || (a[s] = !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."
+      )), s = this.props.ref, s !== void 0 ? s : null;
+    }
+    function j(s, n, p, g, K, ne) {
+      var b = p.ref;
+      return s = {
+        $$typeof: T,
+        type: s,
+        key: n,
+        props: p,
+        _owner: g
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(s, "ref", {
+        enumerable: !1,
+        get: h
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: K
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ne
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    }
+    function f(s, n, p, g, K, ne) {
+      var b = n.children;
+      if (b !== void 0)
+        if (g)
+          if (le(b)) {
+            for (g = 0; g < b.length; g++)
+              y(b[g]);
+            Object.freeze && Object.freeze(b);
+          } 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(b);
+      if (Z.call(n, "key")) {
+        b = v(s);
+        var G = Object.keys(n).filter(function(pe) {
+          return pe !== "key";
+        });
+        g = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", U[b + g] || (G = 0 < G.length ? "{" + G.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} />`,
+          g,
+          b,
+          G,
+          b
+        ), U[b + g] = !0);
+      }
+      if (b = null, p !== void 0 && (u(p), b = "" + p), S(n) && (u(n.key), b = "" + n.key), "key" in n) {
+        p = {};
+        for (var ie in n)
+          ie !== "key" && (p[ie] = n[ie]);
+      } else p = n;
+      return b && i(
+        p,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), j(
+        s,
+        b,
+        p,
+        m(),
+        K,
+        ne
+      );
+    }
+    function y(s) {
+      l(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === L && (s._payload.status === "fulfilled" ? l(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    }
+    function l(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === T;
+    }
+    var w = fe, T = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), O = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), F = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, le = Array.isArray, r = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    w = {
+      react_stack_bottom_frame: function(s) {
+        return s();
+      }
+    };
+    var t, a = {}, R = w.react_stack_bottom_frame.bind(
+      w,
+      N
+    )(), V = r(d(N)), U = {};
+    X.Fragment = o, X.jsx = function(s, n, p) {
+      var g = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return f(
+        s,
+        n,
+        p,
+        !1,
+        g ? Error("react-stack-top-frame") : R,
+        g ? r(d(s)) : V
+      );
+    }, X.jsxs = function(s, n, p) {
+      var g = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return f(
+        s,
+        n,
+        p,
+        !0,
+        g ? Error("react-stack-top-frame") : R,
+        g ? r(d(s)) : V
+      );
+    };
+  }()), X;
+}
+process.env.NODE_ENV === "production" ? ce.exports = Ee() : ce.exports = Ce();
+var e = ce.exports;
+const Te = ({ schema: v }) => {
+  var h;
+  const { title: c, description: u, data: d, columns: m } = v;
+  (h = v.chart) != null && h.type;
+  const N = !!v.chart, i = !(process.env.NODE_ENV === "test");
+  return /* @__PURE__ */ e.jsxs(z, { className: `h-full flex flex-col ${v.className || ""}`, children: [
+    /* @__PURE__ */ e.jsxs(ee, { children: [
+      c && /* @__PURE__ */ e.jsx(se, { children: c }),
+      u && /* @__PURE__ */ e.jsx(de, { children: u })
+    ] }),
+    /* @__PURE__ */ e.jsxs(Y, { className: "flex-1 overflow-auto space-y-4", children: [
+      N && (() => {
+        var y;
+        const j = (y = v.chart) == null ? void 0 : y.type;
+        let f = j ? P.get(j) : null;
+        return f || (f = P.get("chart")), f ? /* @__PURE__ */ e.jsx("div", { className: "min-h-[300px] border rounded-md p-4 bg-white/50", children: /* @__PURE__ */ e.jsx(f, { schema: { ...v.chart, data: v.chart.data || d } }) }) : /* @__PURE__ */ e.jsxs("div", { className: "min-h-[100px] border rounded-md p-4 bg-muted/20 text-muted-foreground flex items-center justify-center", children: [
+          "Unknown component type: ",
+          j || "chart"
+        ] });
+      })(),
+      d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "border rounded-md", children: (() => {
+        const j = i ? P.get("aggrid") || P.get("table") : null;
+        return j ? /* @__PURE__ */ e.jsx(
+          j,
+          {
+            schema: {
+              type: "aggrid",
+              rowData: d,
+              columnDefs: m,
+              domLayout: "autoHeight"
+            }
+          }
+        ) : (
+          // Simple Fallback Table if Grid plugin missing
+          /* @__PURE__ */ e.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm text-left", children: [
+            /* @__PURE__ */ e.jsx("thead", { className: "text-xs uppercase bg-gray-50", children: /* @__PURE__ */ e.jsx("tr", { children: m == null ? void 0 : m.map((f) => /* @__PURE__ */ e.jsx("th", { className: "px-6 py-3", children: f.headerName || f.label || f.field }, f.field)) }) }),
+            /* @__PURE__ */ e.jsx("tbody", { children: d.map((f, y) => /* @__PURE__ */ e.jsx("tr", { className: "bg-white border-b", children: m == null ? void 0 : m.map((l) => /* @__PURE__ */ e.jsx("td", { className: "px-6 py-4", children: f[l.field] }, l.field)) }, y)) })
+          ] }) })
+        );
+      })() })
+    ] })
+  ] });
+}, xe = ({ schema: v }) => {
+  var f, y;
+  const {
+    report: c,
+    data: u,
+    showToolbar: d = !0,
+    allowExport: m = !0,
+    allowPrint: N = !0,
+    loading: S = !1
+  } = v, i = (l) => {
+    console.log("Export report as:", l), alert(`Export to ${l.toUpperCase()} - Feature coming soon!`);
+  }, h = () => {
+    console.log("Print report"), window.print();
+  }, j = () => {
+    console.log("Refresh report");
+  };
+  return c ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+    d && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-card rounded-lg border", children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: c.title }),
+        c.description && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: c.description })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        c.refreshInterval && /* @__PURE__ */ e.jsxs(E, { variant: "outline", size: "sm", onClick: j, children: [
+          /* @__PURE__ */ e.jsx(ge, { className: "h-4 w-4 mr-2" }),
+          "Refresh"
+        ] }),
+        N && /* @__PURE__ */ e.jsxs(E, { variant: "outline", size: "sm", onClick: h, children: [
+          /* @__PURE__ */ e.jsx(be, { className: "h-4 w-4 mr-2" }),
+          "Print"
+        ] }),
+        m && c.showExportButtons && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
+          E,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => i(c.defaultExportFormat || "pdf"),
+            children: [
+              /* @__PURE__ */ e.jsx(Ne, { className: "h-4 w-4 mr-2" }),
+              "Export"
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(z, { children: [
+      /* @__PURE__ */ e.jsxs(ee, { children: [
+        !d && c.title && /* @__PURE__ */ e.jsx(se, { children: c.title }),
+        !d && c.description && /* @__PURE__ */ e.jsx(de, { children: c.description })
+      ] }),
+      /* @__PURE__ */ e.jsxs(Y, { className: "space-y-6", children: [
+        S && /* @__PURE__ */ e.jsx("div", { className: "text-center py-8 text-muted-foreground", children: "Loading report data..." }),
+        !S && ((f = c.sections) == null ? void 0 : f.map((l, w) => {
+          var T, C;
+          return l.visible === !1 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+            l.title && /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold border-b pb-2", children: l.title }),
+            l.type === "header" && l.title && /* @__PURE__ */ e.jsx("div", { className: "text-2xl font-bold py-4", children: l.title }),
+            l.type === "summary" && /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: (T = c.fields) == null ? void 0 : T.filter((o) => o.showInSummary).map((o, _) => /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsxs(Y, { className: "p-4", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: o.label || o.name }),
+              /* @__PURE__ */ e.jsxs("div", { className: "text-2xl font-bold", children: [
+                o.aggregation === "count" && (u == null ? void 0 : u.length),
+                o.aggregation === "sum" && (u == null ? void 0 : u.reduce((k, A) => k + (A[o.name] || 0), 0))
+              ] })
+            ] }) }, _)) }),
+            l.type === "chart" && l.chart && /* @__PURE__ */ e.jsx("div", { className: "min-h-[300px]", children: (() => {
+              let o = l.chart.type;
+              const _ = !!l.chart.chartType;
+              !o && _ && (o = "chart"), o && !!P.get(o) || (o = "chart");
+              const O = o === "chart" ? {
+                xAxisKey: l.chart.xAxisKey || l.chart.xAxisField || "name",
+                series: l.chart.series || (l.chart.yAxisFields ? l.chart.yAxisFields.map((B) => ({ dataKey: B })) : []),
+                // Ensure chartType is passed if we are using the generic renderer
+                chartType: l.chart.chartType || "bar"
+              } : {}, $ = {
+                ...l.chart,
+                type: o,
+                ...O,
+                data: u || l.chart.data,
+                // Force explicit height to preventing Recharts "height(-1)" error
+                className: l.chart.className || "w-full h-[350px]"
+              };
+              return /* @__PURE__ */ e.jsx(ue, { schema: $ });
+            })() }),
+            l.type === "table" && /* @__PURE__ */ e.jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm", children: [
+              /* @__PURE__ */ e.jsx("thead", { className: "bg-muted", children: /* @__PURE__ */ e.jsx("tr", { children: (C = l.columns) == null ? void 0 : C.map((o, _) => /* @__PURE__ */ e.jsx("th", { className: "px-4 py-2 text-left font-medium", children: o.label || o.name }, _)) }) }),
+              /* @__PURE__ */ e.jsx("tbody", { children: u == null ? void 0 : u.map((o, _) => {
+                var k;
+                return /* @__PURE__ */ e.jsx("tr", { className: "border-t", children: (k = l.columns) == null ? void 0 : k.map((A, O) => /* @__PURE__ */ e.jsx("td", { className: "px-4 py-2", children: o[A.name] }, O)) }, _);
+              }) })
+            ] }) }),
+            l.type === "text" && l.text && /* @__PURE__ */ e.jsx("div", { className: "prose max-w-none", children: /* @__PURE__ */ e.jsx("p", { children: l.text }) }),
+            l.type === "page-break" && /* @__PURE__ */ e.jsx("div", { className: "border-t-2 border-dashed my-8 print:page-break-after-always" }),
+            l.content && /* @__PURE__ */ e.jsx(ue, { schema: l.content })
+          ] }, w);
+        })),
+        !c.sections && u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ e.jsx("thead", { className: "bg-muted", children: /* @__PURE__ */ e.jsx("tr", { children: (y = c.fields) == null ? void 0 : y.map((l, w) => /* @__PURE__ */ e.jsx("th", { className: "px-4 py-2 text-left font-medium", children: l.label || l.name }, w)) }) }),
+          /* @__PURE__ */ e.jsx("tbody", { children: u.map((l, w) => {
+            var T;
+            return /* @__PURE__ */ e.jsx("tr", { className: "border-t", children: (T = c.fields) == null ? void 0 : T.map((C, o) => /* @__PURE__ */ e.jsx("td", { className: "px-4 py-2", children: l[C.name] }, o)) }, w);
+          }) })
+        ] }) })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(Y, { className: "p-8 text-center text-muted-foreground", children: "No report to display" }) });
+}, _e = ({ schema: v }) => {
+  const {
+    report: c,
+    dataSources: u = [],
+    availableFields: d = [],
+    showPreview: m = !0,
+    onSave: N,
+    onCancel: S
+  } = v, [i, h] = W(c || {
+    type: "report",
+    title: "New Report",
+    fields: [],
+    filters: [],
+    groupBy: [],
+    sections: [],
+    showExportButtons: !0,
+    showPrintButton: !0
+  }), [j, f] = W(i.fields || []), [y, l] = W(i.filters || []), [w, T] = W(i.groupBy || []), [C, o] = W(i.sections || []), _ = () => {
+    if (d.length > 0 && j.length < d.length) {
+      const r = d.find(
+        (t) => !j.some((a) => a.name === t.name)
+      );
+      if (r) {
+        const t = [...j, r];
+        f(t), h({ ...i, fields: t });
+      }
+    }
+  }, k = (r) => {
+    const t = j.filter((a, R) => R !== r);
+    f(t), h({ ...i, fields: t });
+  }, A = (r, t) => {
+    const a = [...j];
+    a[r] = t, f(a), h({ ...i, fields: a });
+  }, O = () => {
+    var a;
+    const r = {
+      field: ((a = d[0]) == null ? void 0 : a.name) || "",
+      operator: "equals",
+      value: ""
+    }, t = [...y, r];
+    l(t), h({ ...i, filters: t });
+  }, $ = (r) => {
+    const t = y.filter((a, R) => R !== r);
+    l(t), h({ ...i, filters: t });
+  }, B = (r, t) => {
+    const a = [...y];
+    a[r] = t, l(a), h({ ...i, filters: a });
+  }, re = () => {
+    var a;
+    const r = {
+      field: ((a = d[0]) == null ? void 0 : a.name) || "",
+      sort: "asc"
+    }, t = [...w, r];
+    T(t), h({ ...i, groupBy: t });
+  }, te = (r) => {
+    const t = w.filter((a, R) => R !== r);
+    T(t), h({ ...i, groupBy: t });
+  }, L = (r, t) => {
+    const a = [...w];
+    a[r] = t, T(a), h({ ...i, groupBy: a });
+  }, M = (r) => {
+    const t = {
+      type: r,
+      title: `New ${r} Section`
+    }, a = [...C, t];
+    o(a), h({ ...i, sections: a });
+  }, ae = (r) => {
+    const t = C.filter((a, R) => R !== r);
+    o(t), h({ ...i, sections: t });
+  }, F = (r, t) => {
+    const a = [...C];
+    a[r] = t, o(a), h({ ...i, sections: a });
+  }, Z = () => {
+    console.log("Saving report:", i), N && alert("Report saved! (Handler: " + N + ")");
+  }, le = () => {
+    console.log("Canceling report builder");
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e.jsxs(z, { children: [
+      /* @__PURE__ */ e.jsxs(ee, { children: [
+        /* @__PURE__ */ e.jsx(se, { children: "Report Builder" }),
+        /* @__PURE__ */ e.jsx(de, { children: "Configure your report settings, fields, filters, and sections" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(Y, { children: [
+        /* @__PURE__ */ e.jsxs(je, { defaultValue: "basic", className: "w-full", children: [
+          /* @__PURE__ */ e.jsxs(ve, { className: "grid w-full grid-cols-5", children: [
+            /* @__PURE__ */ e.jsxs(q, { value: "basic", children: [
+              /* @__PURE__ */ e.jsx(ye, { className: "h-4 w-4 mr-2" }),
+              "Basic"
+            ] }),
+            /* @__PURE__ */ e.jsxs(q, { value: "fields", children: [
+              /* @__PURE__ */ e.jsx(oe, { className: "h-4 w-4 mr-2" }),
+              "Fields"
+            ] }),
+            /* @__PURE__ */ e.jsxs(q, { value: "filters", children: [
+              /* @__PURE__ */ e.jsx(we, { className: "h-4 w-4 mr-2" }),
+              "Filters"
+            ] }),
+            /* @__PURE__ */ e.jsxs(q, { value: "grouping", children: [
+              /* @__PURE__ */ e.jsx(oe, { className: "h-4 w-4 mr-2" }),
+              "Group By"
+            ] }),
+            /* @__PURE__ */ e.jsxs(q, { value: "sections", children: [
+              /* @__PURE__ */ e.jsx(oe, { className: "h-4 w-4 mr-2" }),
+              "Sections"
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx(H, { value: "basic", className: "space-y-4 mt-4", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e.jsx(x, { htmlFor: "report-title", children: "Report Title" }),
+              /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  id: "report-title",
+                  value: i.title || "",
+                  onChange: (r) => h({ ...i, title: r.target.value }),
+                  placeholder: "Enter report title"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e.jsx(x, { htmlFor: "report-description", children: "Description" }),
+              /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  id: "report-description",
+                  value: i.description || "",
+                  onChange: (r) => h({ ...i, description: r.target.value }),
+                  placeholder: "Enter report description"
+                }
+              )
+            ] }),
+            u.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Data Source" }),
+              /* @__PURE__ */ e.jsxs("select", { className: "w-full border rounded-md p-2", children: [
+                /* @__PURE__ */ e.jsx("option", { value: "", children: "Select a data source" }),
+                u.map((r, t) => /* @__PURE__ */ e.jsxs("option", { value: t, children: [
+                  "Data Source ",
+                  t + 1
+                ] }, t))
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Export Options" }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: i.showExportButtons || !1,
+                      onChange: (r) => h({ ...i, showExportButtons: r.target.checked })
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Show Export Buttons" })
+                ] }),
+                /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: i.showPrintButton || !1,
+                      onChange: (r) => h({ ...i, showPrintButton: r.target.checked })
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Show Print Button" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e.jsx(x, { htmlFor: "export-format", children: "Default Export Format" }),
+              /* @__PURE__ */ e.jsxs(
+                "select",
+                {
+                  id: "export-format",
+                  className: "w-full border rounded-md p-2",
+                  value: i.defaultExportFormat || "pdf",
+                  onChange: (r) => h({ ...i, defaultExportFormat: r.target.value }),
+                  children: [
+                    /* @__PURE__ */ e.jsx("option", { value: "pdf", children: "PDF" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "excel", children: "Excel" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "csv", children: "CSV" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "json", children: "JSON" }),
+                    /* @__PURE__ */ e.jsx("option", { value: "html", children: "HTML" })
+                  ]
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs(H, { value: "fields", className: "space-y-4 mt-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Report Fields" }),
+              /* @__PURE__ */ e.jsxs(
+                E,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: _,
+                  disabled: j.length >= d.length,
+                  children: [
+                    /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                    "Add Field"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              j.map((r, t) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2 p-3 border rounded-lg", children: /* @__PURE__ */ e.jsxs("div", { className: "flex-1 grid grid-cols-4 gap-2", children: [
+                /* @__PURE__ */ e.jsxs("div", { children: [
+                  /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Field Name" }),
+                  /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium", children: r.name })
+                ] }),
+                /* @__PURE__ */ e.jsxs("div", { children: [
+                  /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Label" }),
+                  /* @__PURE__ */ e.jsx(
+                    D,
+                    {
+                      className: "h-8 text-sm",
+                      value: r.label || r.name,
+                      onChange: (a) => A(t, { ...r, label: a.target.value })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsxs("div", { children: [
+                  /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Aggregation" }),
+                  /* @__PURE__ */ e.jsxs(
+                    "select",
+                    {
+                      className: "w-full border rounded-md h-8 text-sm px-2",
+                      value: r.aggregation || "",
+                      onChange: (a) => A(t, { ...r, aggregation: a.target.value }),
+                      children: [
+                        /* @__PURE__ */ e.jsx("option", { value: "", children: "None" }),
+                        /* @__PURE__ */ e.jsx("option", { value: "sum", children: "Sum" }),
+                        /* @__PURE__ */ e.jsx("option", { value: "count", children: "Count" }),
+                        /* @__PURE__ */ e.jsx("option", { value: "avg", children: "Average" }),
+                        /* @__PURE__ */ e.jsx("option", { value: "min", children: "Min" }),
+                        /* @__PURE__ */ e.jsx("option", { value: "max", children: "Max" })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-end", children: /* @__PURE__ */ e.jsx(
+                  E,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    className: "text-red-500 hover:text-red-700 hover:bg-red-50",
+                    onClick: () => k(t),
+                    children: /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4" })
+                  }
+                ) })
+              ] }) }, t)),
+              j.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg", children: 'No fields selected. Click "Add Field" to begin.' })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs(H, { value: "filters", className: "space-y-4 mt-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Report Filters" }),
+              /* @__PURE__ */ e.jsxs(E, { size: "sm", variant: "outline", onClick: O, children: [
+                /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                "Add Filter"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              y.map((r, t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 p-3 border rounded-lg", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex-1 grid grid-cols-3 gap-2", children: [
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Field" }),
+                    /* @__PURE__ */ e.jsx(
+                      "select",
+                      {
+                        className: "w-full border rounded-md h-8 text-sm px-2",
+                        value: r.field,
+                        onChange: (a) => B(t, { ...r, field: a.target.value }),
+                        children: d.map((a, R) => /* @__PURE__ */ e.jsx("option", { value: a.name, children: a.label || a.name }, R))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Operator" }),
+                    /* @__PURE__ */ e.jsxs(
+                      "select",
+                      {
+                        className: "w-full border rounded-md h-8 text-sm px-2",
+                        value: r.operator,
+                        onChange: (a) => B(t, { ...r, operator: a.target.value }),
+                        children: [
+                          /* @__PURE__ */ e.jsx("option", { value: "equals", children: "Equals" }),
+                          /* @__PURE__ */ e.jsx("option", { value: "contains", children: "Contains" }),
+                          /* @__PURE__ */ e.jsx("option", { value: "gt", children: "Greater Than" }),
+                          /* @__PURE__ */ e.jsx("option", { value: "lt", children: "Less Than" }),
+                          /* @__PURE__ */ e.jsx("option", { value: "between", children: "Between" })
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Value" }),
+                    /* @__PURE__ */ e.jsx(
+                      D,
+                      {
+                        className: "h-8 text-sm",
+                        value: String(r.value),
+                        onChange: (a) => B(t, { ...r, value: a.target.value })
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  E,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    className: "text-red-500 hover:text-red-700 hover:bg-red-50 self-end",
+                    onClick: () => $(t),
+                    children: /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4" })
+                  }
+                )
+              ] }, t)),
+              y.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg", children: "No filters defined." })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs(H, { value: "grouping", className: "space-y-4 mt-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Grouping Rules" }),
+              /* @__PURE__ */ e.jsxs(E, { size: "sm", variant: "outline", onClick: re, children: [
+                /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                "Add Group"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              w.map((r, t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 p-3 border rounded-lg", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex-1 grid grid-cols-2 gap-2", children: [
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Field" }),
+                    /* @__PURE__ */ e.jsx(
+                      "select",
+                      {
+                        className: "w-full border rounded-md h-8 text-sm px-2",
+                        value: r.field,
+                        onChange: (a) => L(t, { ...r, field: a.target.value }),
+                        children: d.map((a, R) => /* @__PURE__ */ e.jsx("option", { value: a.name, children: a.label || a.name }, R))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { children: [
+                    /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Sort Order" }),
+                    /* @__PURE__ */ e.jsxs(
+                      "select",
+                      {
+                        className: "w-full border rounded-md h-8 text-sm px-2",
+                        value: r.sort || "asc",
+                        onChange: (a) => L(t, { ...r, sort: a.target.value }),
+                        children: [
+                          /* @__PURE__ */ e.jsx("option", { value: "asc", children: "Ascending" }),
+                          /* @__PURE__ */ e.jsx("option", { value: "desc", children: "Descending" })
+                        ]
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  E,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    className: "text-red-500 hover:text-red-700 hover:bg-red-50 self-end",
+                    onClick: () => te(t),
+                    children: /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4" })
+                  }
+                )
+              ] }, t)),
+              w.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg", children: "No grouping rules applied." })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs(H, { value: "sections", className: "space-y-4 mt-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e.jsx(x, { children: "Report Sections" }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ e.jsxs(E, { size: "sm", variant: "outline", onClick: () => M("header"), children: [
+                  /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                  "Header"
+                ] }),
+                /* @__PURE__ */ e.jsxs(E, { size: "sm", variant: "outline", onClick: () => M("chart"), children: [
+                  /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                  "Chart"
+                ] }),
+                /* @__PURE__ */ e.jsxs(E, { size: "sm", variant: "outline", onClick: () => M("table"), children: [
+                  /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 mr-2" }),
+                  "Table"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+              C.map((r, t) => {
+                var a, R, V, U;
+                return /* @__PURE__ */ e.jsxs("div", { className: "p-3 border rounded-lg space-y-2", children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ e.jsxs("div", { className: "font-medium flex items-center gap-2", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "text-xs bg-muted px-2 py-0.5 rounded uppercase", children: r.type }),
+                      r.title
+                    ] }),
+                    /* @__PURE__ */ e.jsx(
+                      E,
+                      {
+                        size: "sm",
+                        variant: "ghost",
+                        className: "text-red-500 hover:text-red-700 hover:bg-red-50",
+                        onClick: () => ae(t),
+                        children: /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                    /* @__PURE__ */ e.jsxs("div", { children: [
+                      /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Title" }),
+                      /* @__PURE__ */ e.jsx(
+                        D,
+                        {
+                          className: "h-8 text-sm",
+                          value: r.title || "",
+                          onChange: (s) => F(t, { ...r, title: s.target.value })
+                        }
+                      )
+                    ] }),
+                    r.type === "text" && /* @__PURE__ */ e.jsxs("div", { className: "col-span-2", children: [
+                      /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Content" }),
+                      /* @__PURE__ */ e.jsx(
+                        D,
+                        {
+                          className: "h-8 text-sm",
+                          value: r.text || "",
+                          onChange: (s) => F(t, { ...r, text: s.target.value })
+                        }
+                      )
+                    ] }),
+                    r.type === "chart" && /* @__PURE__ */ e.jsxs("div", { className: "col-span-2 grid grid-cols-2 gap-2 mt-2 p-2 bg-muted/20 rounded", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ e.jsx(x, { className: "text-xs font-semibold", children: "Chart Configuration" }) }),
+                      /* @__PURE__ */ e.jsxs("div", { children: [
+                        /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Chart Type" }),
+                        /* @__PURE__ */ e.jsxs(
+                          "select",
+                          {
+                            className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                            value: ((a = r.chart) == null ? void 0 : a.chartType) || "bar",
+                            onChange: (s) => F(t, {
+                              ...r,
+                              chart: { ...r.chart, type: "chart", chartType: s.target.value }
+                            }),
+                            children: [
+                              /* @__PURE__ */ e.jsx("option", { value: "bar", children: "Bar" }),
+                              /* @__PURE__ */ e.jsx("option", { value: "line", children: "Line" }),
+                              /* @__PURE__ */ e.jsx("option", { value: "area", children: "Area" }),
+                              /* @__PURE__ */ e.jsx("option", { value: "pie", children: "Pie" })
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e.jsxs("div", { children: [
+                        /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "X-Axis Field" }),
+                        /* @__PURE__ */ e.jsxs(
+                          "select",
+                          {
+                            className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                            value: ((R = r.chart) == null ? void 0 : R.xAxisField) || "",
+                            onChange: (s) => F(t, {
+                              ...r,
+                              chart: { ...r.chart, type: "chart", xAxisField: s.target.value }
+                            }),
+                            children: [
+                              /* @__PURE__ */ e.jsx("option", { value: "", children: "Select Field..." }),
+                              d.map((s) => /* @__PURE__ */ e.jsx("option", { value: s.name, children: s.label || s.name }, s.name)),
+                              d.length === 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                                /* @__PURE__ */ e.jsx("option", { value: "name", children: "Name" }),
+                                /* @__PURE__ */ e.jsx("option", { value: "month", children: "Month" })
+                              ] })
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e.jsxs("div", { className: "col-span-2", children: [
+                        /* @__PURE__ */ e.jsx(x, { className: "text-xs", children: "Y-Axis Fields (comma separated)" }),
+                        /* @__PURE__ */ e.jsx(
+                          D,
+                          {
+                            className: "h-8 text-sm",
+                            placeholder: "e.g. value, count",
+                            value: ((U = (V = r.chart) == null ? void 0 : V.yAxisFields) == null ? void 0 : U.join(", ")) || "",
+                            onChange: (s) => F(t, {
+                              ...r,
+                              chart: {
+                                ...r.chart,
+                                type: "chart",
+                                yAxisFields: s.target.value.split(",").map((n) => n.trim()).filter(Boolean)
+                              }
+                            })
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] })
+                ] }, t);
+              }),
+              C.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg", children: "No customized sections. The default report layout will be used." })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-2 mt-6 pt-4 border-t", children: [
+          /* @__PURE__ */ e.jsx(E, { variant: "outline", onClick: le, children: "Cancel" }),
+          /* @__PURE__ */ e.jsxs(E, { onClick: Z, children: [
+            /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4 mr-2" }),
+            "Save Report"
+          ] })
+        ] })
+      ] })
+    ] }),
+    m && /* @__PURE__ */ e.jsxs(z, { className: "mt-8 border-2 border-blue-100", children: [
+      /* @__PURE__ */ e.jsx(ee, { className: "bg-blue-50/50", children: /* @__PURE__ */ e.jsx(se, { className: "text-blue-900 text-sm uppercase tracking-wide", children: "Live Preview" }) }),
+      /* @__PURE__ */ e.jsx(Y, { className: "pt-6", children: /* @__PURE__ */ e.jsx(
+        xe,
+        {
+          schema: {
+            type: "report-viewer",
+            report: {
+              ...i,
+              fields: j,
+              filters: y,
+              groupBy: w,
+              sections: C
+            },
+            // Mock data for preview
+            data: [
+              { id: 1, name: "Sample Item A", value: 100, status: "New" },
+              { id: 2, name: "Sample Item B", value: 250, status: "Active" },
+              { id: 3, name: "Sample Item C", value: 75, status: "Closed" }
+            ]
+          }
+        }
+      ) })
+    ] })
+  ] });
+};
+P.register(
+  "report",
+  Te,
+  {
+    label: "Report",
+    category: "Report",
+    inputs: [
+      { name: "title", type: "string", label: "Title" },
+      { name: "description", type: "string", label: "Description" },
+      { name: "chart", type: "code", label: "Chart Configuration" }
+    ]
+  }
+);
+P.register(
+  "report-viewer",
+  xe,
+  {
+    label: "Report Viewer",
+    category: "Report",
+    inputs: [
+      { name: "report", type: "code", label: "Report Definition" },
+      { name: "showToolbar", type: "boolean", label: "Show Toolbar" }
+    ]
+  }
+);
+P.register(
+  "report-builder",
+  _e,
+  {
+    label: "Report Builder",
+    category: "Report",
+    inputs: [
+      { name: "report", type: "code", label: "Initial Report" }
+    ]
+  }
+);
+export {
+  _e as ReportBuilder,
+  Te as ReportRenderer,
+  xe as ReportViewer
+};

package/dist/index.umd.cjs

@@ -0,0 +1,22 @@
+(function(R,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("@object-ui/core"),require("react"),require("@object-ui/components"),require("@object-ui/react"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","@object-ui/core","react","@object-ui/components","@object-ui/react","lucide-react"],S):(R=typeof globalThis<"u"?globalThis:R||self,S(R.ObjectUIPluginReport={},R.ObjectUICore,R.React,R.ObjectUIComponents,R.ObjectUIReact,R.lucideReact))})(this,function(R,S,I,s,se,g){"use strict";var $={exports:{}},z={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var te;function ie(){if(te)return z;te=1;var v=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function h(u,m,y){var A=null;if(y!==void 0&&(A=""+y),m.key!==void 0&&(A=""+m.key),"key"in m){y={};for(var d in m)d!=="key"&&(y[d]=m[d])}else y=m;return m=y.ref,{$$typeof:v,type:u,key:A,ref:m!==void 0?m:null,props:y}}return z.Fragment=o,z.jsx=h,z.jsxs=h,z}var Y={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ae;function de(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){function v(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===K?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case c:return"Fragment";case F:return"Profiler";case k:return"StrictMode";case L:return"Suspense";case X:return"SuspenseList";case U:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case E:return"Portal";case B:return r.displayName||"Context";case P:return(r._context.displayName||"Context")+".Consumer";case M:var i=r.render;return r=r.displayName,r||(r=i.displayName||i.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case Z:return i=r.displayName||null,i!==null?i:v(r.type)||"Memo";case D:i=r._payload,r=r._init;try{return v(r(i))}catch{}}return null}function o(r){return""+r}function h(r){try{o(r);var i=!1}catch{i=!0}if(i){i=console;var p=i.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return p.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),o(r)}}function u(r){if(r===c)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===D)return"<...>";try{var i=v(r);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function m(){var r=O.A;return r===null?null:r.getOwner()}function y(){return Error("react-stack-top-frame")}function A(r){if(H.call(r,"key")){var i=Object.getOwnPropertyDescriptor(r,"key").get;if(i&&i.isReactWarning)return!1}return r.key!==void 0}function d(r,i){function p(){a||(a=!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)",i))}p.isReactWarning=!0,Object.defineProperty(r,"key",{get:p,configurable:!0})}function x(){var r=v(this.type);return l[r]||(l[r]=!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.")),r=this.props.ref,r!==void 0?r:null}function j(r,i,p,b,q,ee){var N=p.ref;return r={$$typeof:_,type:r,key:i,props:p,_owner:b},(N!==void 0?N:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:x}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function f(r,i,p,b,q,ee){var N=i.children;if(N!==void 0)if(b)if(Q(N)){for(b=0;b<N.length;b++)w(N[b]);Object.freeze&&Object.freeze(N)}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 w(N);if(H.call(i,"key")){N=v(r);var G=Object.keys(i).filter(function(ce){return ce!=="key"});b=0<G.length?"{key: someKey, "+G.join(": ..., ")+": ...}":"{key: someKey}",W[N+b]||(G=0<G.length?"{"+G.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} />`,b,N,G,N),W[N+b]=!0)}if(N=null,p!==void 0&&(h(p),N=""+p),A(i)&&(h(i.key),N=""+i.key),"key"in i){p={};for(var re in i)re!=="key"&&(p[re]=i[re])}else p=i;return N&&d(p,typeof r=="function"?r.displayName||r.name||"Unknown":r),j(r,N,p,m(),q,ee)}function w(r){n(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===D&&(r._payload.status==="fulfilled"?n(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function n(r){return typeof r=="object"&&r!==null&&r.$$typeof===_}var C=I,_=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),F=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),B=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),L=Symbol.for("react.suspense"),X=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),K=Symbol.for("react.client.reference"),O=C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,Q=Array.isArray,t=console.createTask?console.createTask:function(){return null};C={react_stack_bottom_frame:function(r){return r()}};var a,l={},T=C.react_stack_bottom_frame.bind(C,y)(),V=t(u(y)),W={};Y.Fragment=c,Y.jsx=function(r,i,p){var b=1e4>O.recentlyCreatedOwnerStacks++;return f(r,i,p,!1,b?Error("react-stack-top-frame"):T,b?t(u(r)):V)},Y.jsxs=function(r,i,p){var b=1e4>O.recentlyCreatedOwnerStacks++;return f(r,i,p,!0,b?Error("react-stack-top-frame"):T,b?t(u(r)):V)}}()),Y}process.env.NODE_ENV==="production"?$.exports=ie():$.exports=de();var e=$.exports;const le=({schema:v})=>{var x;const{title:o,description:h,data:u,columns:m}=v;(x=v.chart)!=null&&x.type;const y=!!v.chart,d=!(process.env.NODE_ENV==="test");return e.jsxs(s.Card,{className:`h-full flex flex-col ${v.className||""}`,children:[e.jsxs(s.CardHeader,{children:[o&&e.jsx(s.CardTitle,{children:o}),h&&e.jsx(s.CardDescription,{children:h})]}),e.jsxs(s.CardContent,{className:"flex-1 overflow-auto space-y-4",children:[y&&(()=>{var w;const j=(w=v.chart)==null?void 0:w.type;let f=j?S.ComponentRegistry.get(j):null;return f||(f=S.ComponentRegistry.get("chart")),f?e.jsx("div",{className:"min-h-[300px] border rounded-md p-4 bg-white/50",children:e.jsx(f,{schema:{...v.chart,data:v.chart.data||u}})}):e.jsxs("div",{className:"min-h-[100px] border rounded-md p-4 bg-muted/20 text-muted-foreground flex items-center justify-center",children:["Unknown component type: ",j||"chart"]})})(),u&&u.length>0&&e.jsx("div",{className:"border rounded-md",children:(()=>{const j=d?S.ComponentRegistry.get("aggrid")||S.ComponentRegistry.get("table"):null;return j?e.jsx(j,{schema:{type:"aggrid",rowData:u,columnDefs:m,domLayout:"autoHeight"}}):e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm text-left",children:[e.jsx("thead",{className:"text-xs uppercase bg-gray-50",children:e.jsx("tr",{children:m==null?void 0:m.map(f=>e.jsx("th",{className:"px-6 py-3",children:f.headerName||f.label||f.field},f.field))})}),e.jsx("tbody",{children:u.map((f,w)=>e.jsx("tr",{className:"bg-white border-b",children:m==null?void 0:m.map(n=>e.jsx("td",{className:"px-6 py-4",children:f[n.field]},n.field))},w))})]})})})()})]})]})},J=({schema:v})=>{var f,w;const{report:o,data:h,showToolbar:u=!0,allowExport:m=!0,allowPrint:y=!0,loading:A=!1}=v,d=n=>{console.log("Export report as:",n),alert(`Export to ${n.toUpperCase()} - Feature coming soon!`)},x=()=>{console.log("Print report"),window.print()},j=()=>{console.log("Refresh report")};return o?e.jsxs("div",{className:"space-y-4",children:[u&&e.jsxs("div",{className:"flex items-center justify-between gap-2 p-4 bg-card rounded-lg border",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold",children:o.title}),o.description&&e.jsx("p",{className:"text-sm text-muted-foreground",children:o.description})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[o.refreshInterval&&e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:j,children:[e.jsx(g.RefreshCw,{className:"h-4 w-4 mr-2"}),"Refresh"]}),y&&e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:x,children:[e.jsx(g.Printer,{className:"h-4 w-4 mr-2"}),"Print"]}),m&&o.showExportButtons&&e.jsx(e.Fragment,{children:e.jsxs(s.Button,{variant:"outline",size:"sm",onClick:()=>d(o.defaultExportFormat||"pdf"),children:[e.jsx(g.Download,{className:"h-4 w-4 mr-2"}),"Export"]})})]})]}),e.jsxs(s.Card,{children:[e.jsxs(s.CardHeader,{children:[!u&&o.title&&e.jsx(s.CardTitle,{children:o.title}),!u&&o.description&&e.jsx(s.CardDescription,{children:o.description})]}),e.jsxs(s.CardContent,{className:"space-y-6",children:[A&&e.jsx("div",{className:"text-center py-8 text-muted-foreground",children:"Loading report data..."}),!A&&((f=o.sections)==null?void 0:f.map((n,C)=>{var _,E;return n.visible===!1?null:e.jsxs("div",{className:"space-y-2",children:[n.title&&e.jsx("h3",{className:"text-lg font-semibold border-b pb-2",children:n.title}),n.type==="header"&&n.title&&e.jsx("div",{className:"text-2xl font-bold py-4",children:n.title}),n.type==="summary"&&e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:(_=o.fields)==null?void 0:_.filter(c=>c.showInSummary).map((c,k)=>e.jsx(s.Card,{children:e.jsxs(s.CardContent,{className:"p-4",children:[e.jsx("div",{className:"text-sm text-muted-foreground",children:c.label||c.name}),e.jsxs("div",{className:"text-2xl font-bold",children:[c.aggregation==="count"&&(h==null?void 0:h.length),c.aggregation==="sum"&&(h==null?void 0:h.reduce((F,P)=>F+(P[c.name]||0),0))]})]})},k))}),n.type==="chart"&&n.chart&&e.jsx("div",{className:"min-h-[300px]",children:(()=>{let c=n.chart.type;const k=!!n.chart.chartType;!c&&k&&(c="chart"),c&&!!S.ComponentRegistry.get(c)||(c="chart");const B=c==="chart"?{xAxisKey:n.chart.xAxisKey||n.chart.xAxisField||"name",series:n.chart.series||(n.chart.yAxisFields?n.chart.yAxisFields.map(L=>({dataKey:L})):[]),chartType:n.chart.chartType||"bar"}:{},M={...n.chart,type:c,...B,data:h||n.chart.data,className:n.chart.className||"w-full h-[350px]"};return e.jsx(se.SchemaRenderer,{schema:M})})()}),n.type==="table"&&e.jsx("div",{className:"border rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-muted",children:e.jsx("tr",{children:(E=n.columns)==null?void 0:E.map((c,k)=>e.jsx("th",{className:"px-4 py-2 text-left font-medium",children:c.label||c.name},k))})}),e.jsx("tbody",{children:h==null?void 0:h.map((c,k)=>{var F;return e.jsx("tr",{className:"border-t",children:(F=n.columns)==null?void 0:F.map((P,B)=>e.jsx("td",{className:"px-4 py-2",children:c[P.name]},B))},k)})})]})}),n.type==="text"&&n.text&&e.jsx("div",{className:"prose max-w-none",children:e.jsx("p",{children:n.text})}),n.type==="page-break"&&e.jsx("div",{className:"border-t-2 border-dashed my-8 print:page-break-after-always"}),n.content&&e.jsx(se.SchemaRenderer,{schema:n.content})]},C)})),!o.sections&&h&&h.length>0&&e.jsx("div",{className:"border rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-muted",children:e.jsx("tr",{children:(w=o.fields)==null?void 0:w.map((n,C)=>e.jsx("th",{className:"px-4 py-2 text-left font-medium",children:n.label||n.name},C))})}),e.jsx("tbody",{children:h.map((n,C)=>{var _;return e.jsx("tr",{className:"border-t",children:(_=o.fields)==null?void 0:_.map((E,c)=>e.jsx("td",{className:"px-4 py-2",children:n[E.name]},c))},C)})})]})})]})]})]}):e.jsx(s.Card,{children:e.jsx(s.CardContent,{className:"p-8 text-center text-muted-foreground",children:"No report to display"})})},ne=({schema:v})=>{const{report:o,dataSources:h=[],availableFields:u=[],showPreview:m=!0,onSave:y,onCancel:A}=v,[d,x]=I.useState(o||{type:"report",title:"New Report",fields:[],filters:[],groupBy:[],sections:[],showExportButtons:!0,showPrintButton:!0}),[j,f]=I.useState(d.fields||[]),[w,n]=I.useState(d.filters||[]),[C,_]=I.useState(d.groupBy||[]),[E,c]=I.useState(d.sections||[]),k=()=>{if(u.length>0&&j.length<u.length){const t=u.find(a=>!j.some(l=>l.name===a.name));if(t){const a=[...j,t];f(a),x({...d,fields:a})}}},F=t=>{const a=j.filter((l,T)=>T!==t);f(a),x({...d,fields:a})},P=(t,a)=>{const l=[...j];l[t]=a,f(l),x({...d,fields:l})},B=()=>{var l;const t={field:((l=u[0])==null?void 0:l.name)||"",operator:"equals",value:""},a=[...w,t];n(a),x({...d,filters:a})},M=t=>{const a=w.filter((l,T)=>T!==t);n(a),x({...d,filters:a})},L=(t,a)=>{const l=[...w];l[t]=a,n(l),x({...d,filters:l})},X=()=>{var l;const t={field:((l=u[0])==null?void 0:l.name)||"",sort:"asc"},a=[...C,t];_(a),x({...d,groupBy:a})},Z=t=>{const a=C.filter((l,T)=>T!==t);_(a),x({...d,groupBy:a})},D=(t,a)=>{const l=[...C];l[t]=a,_(l),x({...d,groupBy:l})},U=t=>{const a={type:t,title:`New ${t} Section`},l=[...E,a];c(l),x({...d,sections:l})},K=t=>{const a=E.filter((l,T)=>T!==t);c(a),x({...d,sections:a})},O=(t,a)=>{const l=[...E];l[t]=a,c(l),x({...d,sections:l})},H=()=>{console.log("Saving report:",d),y&&alert("Report saved! (Handler: "+y+")")},Q=()=>{console.log("Canceling report builder")};return e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Card,{children:[e.jsxs(s.CardHeader,{children:[e.jsx(s.CardTitle,{children:"Report Builder"}),e.jsx(s.CardDescription,{children:"Configure your report settings, fields, filters, and sections"})]}),e.jsxs(s.CardContent,{children:[e.jsxs(s.Tabs,{defaultValue:"basic",className:"w-full",children:[e.jsxs(s.TabsList,{className:"grid w-full grid-cols-5",children:[e.jsxs(s.TabsTrigger,{value:"basic",children:[e.jsx(g.Settings,{className:"h-4 w-4 mr-2"}),"Basic"]}),e.jsxs(s.TabsTrigger,{value:"fields",children:[e.jsx(g.Layers,{className:"h-4 w-4 mr-2"}),"Fields"]}),e.jsxs(s.TabsTrigger,{value:"filters",children:[e.jsx(g.Filter,{className:"h-4 w-4 mr-2"}),"Filters"]}),e.jsxs(s.TabsTrigger,{value:"grouping",children:[e.jsx(g.Layers,{className:"h-4 w-4 mr-2"}),"Group By"]}),e.jsxs(s.TabsTrigger,{value:"sections",children:[e.jsx(g.Layers,{className:"h-4 w-4 mr-2"}),"Sections"]})]}),e.jsx(s.TabsContent,{value:"basic",className:"space-y-4 mt-4",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"report-title",children:"Report Title"}),e.jsx(s.Input,{id:"report-title",value:d.title||"",onChange:t=>x({...d,title:t.target.value}),placeholder:"Enter report title"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"report-description",children:"Description"}),e.jsx(s.Input,{id:"report-description",value:d.description||"",onChange:t=>x({...d,description:t.target.value}),placeholder:"Enter report description"})]}),h.length>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{children:"Data Source"}),e.jsxs("select",{className:"w-full border rounded-md p-2",children:[e.jsx("option",{value:"",children:"Select a data source"}),h.map((t,a)=>e.jsxs("option",{value:a,children:["Data Source ",a+1]},a))]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{children:"Export Options"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("label",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:d.showExportButtons||!1,onChange:t=>x({...d,showExportButtons:t.target.checked})}),e.jsx("span",{className:"text-sm",children:"Show Export Buttons"})]}),e.jsxs("label",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",checked:d.showPrintButton||!1,onChange:t=>x({...d,showPrintButton:t.target.checked})}),e.jsx("span",{className:"text-sm",children:"Show Print Button"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"export-format",children:"Default Export Format"}),e.jsxs("select",{id:"export-format",className:"w-full border rounded-md p-2",value:d.defaultExportFormat||"pdf",onChange:t=>x({...d,defaultExportFormat:t.target.value}),children:[e.jsx("option",{value:"pdf",children:"PDF"}),e.jsx("option",{value:"excel",children:"Excel"}),e.jsx("option",{value:"csv",children:"CSV"}),e.jsx("option",{value:"json",children:"JSON"}),e.jsx("option",{value:"html",children:"HTML"})]})]})]})}),e.jsxs(s.TabsContent,{value:"fields",className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(s.Label,{children:"Report Fields"}),e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:k,disabled:j.length>=u.length,children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Add Field"]})]}),e.jsxs("div",{className:"space-y-2",children:[j.map((t,a)=>e.jsx("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:e.jsxs("div",{className:"flex-1 grid grid-cols-4 gap-2",children:[e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Field Name"}),e.jsx("div",{className:"text-sm font-medium",children:t.name})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Label"}),e.jsx(s.Input,{className:"h-8 text-sm",value:t.label||t.name,onChange:l=>P(a,{...t,label:l.target.value})})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Aggregation"}),e.jsxs("select",{className:"w-full border rounded-md h-8 text-sm px-2",value:t.aggregation||"",onChange:l=>P(a,{...t,aggregation:l.target.value}),children:[e.jsx("option",{value:"",children:"None"}),e.jsx("option",{value:"sum",children:"Sum"}),e.jsx("option",{value:"count",children:"Count"}),e.jsx("option",{value:"avg",children:"Average"}),e.jsx("option",{value:"min",children:"Min"}),e.jsx("option",{value:"max",children:"Max"})]})]}),e.jsx("div",{className:"flex items-end justify-end",children:e.jsx(s.Button,{size:"sm",variant:"ghost",className:"text-red-500 hover:text-red-700 hover:bg-red-50",onClick:()=>F(a),children:e.jsx(g.Trash2,{className:"h-4 w-4"})})})]})},a)),j.length===0&&e.jsx("div",{className:"text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg",children:'No fields selected. Click "Add Field" to begin.'})]})]}),e.jsxs(s.TabsContent,{value:"filters",className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(s.Label,{children:"Report Filters"}),e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:B,children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Add Filter"]})]}),e.jsxs("div",{className:"space-y-2",children:[w.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:[e.jsxs("div",{className:"flex-1 grid grid-cols-3 gap-2",children:[e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Field"}),e.jsx("select",{className:"w-full border rounded-md h-8 text-sm px-2",value:t.field,onChange:l=>L(a,{...t,field:l.target.value}),children:u.map((l,T)=>e.jsx("option",{value:l.name,children:l.label||l.name},T))})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Operator"}),e.jsxs("select",{className:"w-full border rounded-md h-8 text-sm px-2",value:t.operator,onChange:l=>L(a,{...t,operator:l.target.value}),children:[e.jsx("option",{value:"equals",children:"Equals"}),e.jsx("option",{value:"contains",children:"Contains"}),e.jsx("option",{value:"gt",children:"Greater Than"}),e.jsx("option",{value:"lt",children:"Less Than"}),e.jsx("option",{value:"between",children:"Between"})]})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Value"}),e.jsx(s.Input,{className:"h-8 text-sm",value:String(t.value),onChange:l=>L(a,{...t,value:l.target.value})})]})]}),e.jsx(s.Button,{size:"sm",variant:"ghost",className:"text-red-500 hover:text-red-700 hover:bg-red-50 self-end",onClick:()=>M(a),children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]},a)),w.length===0&&e.jsx("div",{className:"text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg",children:"No filters defined."})]})]}),e.jsxs(s.TabsContent,{value:"grouping",className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(s.Label,{children:"Grouping Rules"}),e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:X,children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Add Group"]})]}),e.jsxs("div",{className:"space-y-2",children:[C.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:[e.jsxs("div",{className:"flex-1 grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Field"}),e.jsx("select",{className:"w-full border rounded-md h-8 text-sm px-2",value:t.field,onChange:l=>D(a,{...t,field:l.target.value}),children:u.map((l,T)=>e.jsx("option",{value:l.name,children:l.label||l.name},T))})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Sort Order"}),e.jsxs("select",{className:"w-full border rounded-md h-8 text-sm px-2",value:t.sort||"asc",onChange:l=>D(a,{...t,sort:l.target.value}),children:[e.jsx("option",{value:"asc",children:"Ascending"}),e.jsx("option",{value:"desc",children:"Descending"})]})]})]}),e.jsx(s.Button,{size:"sm",variant:"ghost",className:"text-red-500 hover:text-red-700 hover:bg-red-50 self-end",onClick:()=>Z(a),children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]},a)),C.length===0&&e.jsx("div",{className:"text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg",children:"No grouping rules applied."})]})]}),e.jsxs(s.TabsContent,{value:"sections",className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(s.Label,{children:"Report Sections"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:()=>U("header"),children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Header"]}),e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:()=>U("chart"),children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Chart"]}),e.jsxs(s.Button,{size:"sm",variant:"outline",onClick:()=>U("table"),children:[e.jsx(g.Plus,{className:"h-4 w-4 mr-2"}),"Table"]})]})]}),e.jsxs("div",{className:"space-y-2",children:[E.map((t,a)=>{var l,T,V,W;return e.jsxs("div",{className:"p-3 border rounded-lg space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[e.jsx("div",{className:"text-xs bg-muted px-2 py-0.5 rounded uppercase",children:t.type}),t.title]}),e.jsx(s.Button,{size:"sm",variant:"ghost",className:"text-red-500 hover:text-red-700 hover:bg-red-50",onClick:()=>K(a),children:e.jsx(g.Trash2,{className:"h-4 w-4"})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Title"}),e.jsx(s.Input,{className:"h-8 text-sm",value:t.title||"",onChange:r=>O(a,{...t,title:r.target.value})})]}),t.type==="text"&&e.jsxs("div",{className:"col-span-2",children:[e.jsx(s.Label,{className:"text-xs",children:"Content"}),e.jsx(s.Input,{className:"h-8 text-sm",value:t.text||"",onChange:r=>O(a,{...t,text:r.target.value})})]}),t.type==="chart"&&e.jsxs("div",{className:"col-span-2 grid grid-cols-2 gap-2 mt-2 p-2 bg-muted/20 rounded",children:[e.jsx("div",{className:"col-span-2",children:e.jsx(s.Label,{className:"text-xs font-semibold",children:"Chart Configuration"})}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"Chart Type"}),e.jsxs("select",{className:"flex h-8 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",value:((l=t.chart)==null?void 0:l.chartType)||"bar",onChange:r=>O(a,{...t,chart:{...t.chart,type:"chart",chartType:r.target.value}}),children:[e.jsx("option",{value:"bar",children:"Bar"}),e.jsx("option",{value:"line",children:"Line"}),e.jsx("option",{value:"area",children:"Area"}),e.jsx("option",{value:"pie",children:"Pie"})]})]}),e.jsxs("div",{children:[e.jsx(s.Label,{className:"text-xs",children:"X-Axis Field"}),e.jsxs("select",{className:"flex h-8 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",value:((T=t.chart)==null?void 0:T.xAxisField)||"",onChange:r=>O(a,{...t,chart:{...t.chart,type:"chart",xAxisField:r.target.value}}),children:[e.jsx("option",{value:"",children:"Select Field..."}),u.map(r=>e.jsx("option",{value:r.name,children:r.label||r.name},r.name)),u.length===0&&e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"name",children:"Name"}),e.jsx("option",{value:"month",children:"Month"})]})]})]}),e.jsxs("div",{className:"col-span-2",children:[e.jsx(s.Label,{className:"text-xs",children:"Y-Axis Fields (comma separated)"}),e.jsx(s.Input,{className:"h-8 text-sm",placeholder:"e.g. value, count",value:((W=(V=t.chart)==null?void 0:V.yAxisFields)==null?void 0:W.join(", "))||"",onChange:r=>O(a,{...t,chart:{...t.chart,type:"chart",yAxisFields:r.target.value.split(",").map(i=>i.trim()).filter(Boolean)}})})]})]})]})]},a)}),E.length===0&&e.jsx("div",{className:"text-center py-8 text-muted-foreground border-2 border-dashed rounded-lg",children:"No customized sections. The default report layout will be used."})]})]})]}),e.jsxs("div",{className:"flex items-center justify-end gap-2 mt-6 pt-4 border-t",children:[e.jsx(s.Button,{variant:"outline",onClick:Q,children:"Cancel"}),e.jsxs(s.Button,{onClick:H,children:[e.jsx(g.Save,{className:"h-4 w-4 mr-2"}),"Save Report"]})]})]})]}),m&&e.jsxs(s.Card,{className:"mt-8 border-2 border-blue-100",children:[e.jsx(s.CardHeader,{className:"bg-blue-50/50",children:e.jsx(s.CardTitle,{className:"text-blue-900 text-sm uppercase tracking-wide",children:"Live Preview"})}),e.jsx(s.CardContent,{className:"pt-6",children:e.jsx(J,{schema:{type:"report-viewer",report:{...d,fields:j,filters:w,groupBy:C,sections:E},data:[{id:1,name:"Sample Item A",value:100,status:"New"},{id:2,name:"Sample Item B",value:250,status:"Active"},{id:3,name:"Sample Item C",value:75,status:"Closed"}]}})})]})]})};S.ComponentRegistry.register("report",le,{label:"Report",category:"Report",inputs:[{name:"title",type:"string",label:"Title"},{name:"description",type:"string",label:"Description"},{name:"chart",type:"code",label:"Chart Configuration"}]}),S.ComponentRegistry.register("report-viewer",J,{label:"Report Viewer",category:"Report",inputs:[{name:"report",type:"code",label:"Report Definition"},{name:"showToolbar",type:"boolean",label:"Show Toolbar"}]}),S.ComponentRegistry.register("report-builder",ne,{label:"Report Builder",category:"Report",inputs:[{name:"report",type:"code",label:"Initial Report"}]}),R.ReportBuilder=ne,R.ReportRenderer=le,R.ReportViewer=J,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})});

package/dist/src/ReportBuilder.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ReportBuilderSchema } from '../../types/src';
+
+export interface ReportBuilderProps {
+    schema: ReportBuilderSchema;
+}
+/**
+ * ReportBuilder - Interactive report builder component
+ * Allows users to configure report fields, filters, grouping, sections, and export settings
+ */
+export declare const ReportBuilder: React.FC<ReportBuilderProps>;
+//# sourceMappingURL=ReportBuilder.d.ts.map

package/dist/src/ReportBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,mBAAmB,EAAyE,MAAM,kBAAkB,CAAC;AAInI,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsmBtD,CAAC"}

package/dist/src/ReportRenderer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface ReportRendererProps {
+    schema: {
+        type: string;
+        id?: string;
+        title?: string;
+        description?: string;
+        chart?: any;
+        data?: any[];
+        columns?: any[];
+        className?: string;
+    };
+}
+export declare const ReportRenderer: React.FC<ReportRendererProps>;
+//# sourceMappingURL=ReportRenderer.d.ts.map

package/dist/src/ReportRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportRenderer.d.ts","sourceRoot":"","sources":["../../src/ReportRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFxD,CAAC"}

package/dist/src/ReportViewer.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ReportViewerSchema } from '../../types/src';
+
+export interface ReportViewerProps {
+    schema: ReportViewerSchema;
+}
+/**
+ * ReportViewer - Display a generated report with optional toolbar
+ * Supports rendering report sections, charts, tables, and export functionality
+ */
+export declare const ReportViewer: React.FC<ReportViewerProps>;
+//# sourceMappingURL=ReportViewer.d.ts.map

package/dist/src/ReportViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportViewer.d.ts","sourceRoot":"","sources":["../../src/ReportViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwPpD,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+import { ReportRenderer } from './ReportRenderer';
+import { ReportViewer } from './ReportViewer';
+import { ReportBuilder } from './ReportBuilder';
+
+export { ReportRenderer, ReportViewer, ReportBuilder };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@object-ui/plugin-report",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.umd.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@object-ui/core": "0.5.0",
+    "@object-ui/types": "0.5.0",
+    "@object-ui/components": "0.5.0",
+    "@object-ui/react": "0.5.0",
+    "@object-ui/fields": "0.5.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.344.0",
+    "tailwind-merge": "^2.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3",
+    "vitest": "^1.3.1"
+  },
+  "scripts": {
+    "build": "vite build",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "lint": "eslint ."
+  }
+}