@object-ui/plugin-aggrid 0.4.0

package/dist/AgGridImpl-DKkq6v1B.js

@@ -0,0 +1,171 @@
+import { j as u } from "./index-B6NPAFZx.js";
+import { useRef as J, useMemo as p, useCallback as i } from "react";
+import { AgGridReact as K } from "ag-grid-react";
+function Y({
+  rowData: f = [],
+  columnDefs: c = [],
+  gridOptions: v = {},
+  pagination: x = !1,
+  paginationPageSize: P = 10,
+  domLayout: A = "normal",
+  animateRows: b = !0,
+  rowSelection: S,
+  theme: H = "quartz",
+  height: d = 500,
+  className: O = "",
+  editable: m = !1,
+  editType: j,
+  singleClickEdit: y = !1,
+  stopEditingWhenCellsLoseFocus: R = !0,
+  exportConfig: o,
+  statusBar: g,
+  callbacks: t,
+  columnConfig: a,
+  enableRangeSelection: z = !1,
+  enableCharts: E = !1,
+  contextMenu: l
+}) {
+  const n = J(null), h = p(() => {
+    if (!g?.enabled) return;
+    const e = g.aggregations || ["count", "sum", "avg"], s = [];
+    return e.includes("count") && s.push({ statusPanel: "agAggregationComponent", statusPanelParams: { aggFuncs: ["count"] } }), e.includes("sum") && s.push({ statusPanel: "agAggregationComponent", statusPanelParams: { aggFuncs: ["sum"] } }), e.includes("avg") && s.push({ statusPanel: "agAggregationComponent", statusPanelParams: { aggFuncs: ["avg"] } }), e.includes("min") && s.push({ statusPanel: "agAggregationComponent", statusPanelParams: { aggFuncs: ["min"] } }), e.includes("max") && s.push({ statusPanel: "agAggregationComponent", statusPanelParams: { aggFuncs: ["max"] } }), s;
+  }, [g]), C = i(() => {
+    if (!n.current?.api) return;
+    const e = {
+      fileName: o?.fileName || "export.csv",
+      skipColumnHeaders: o?.skipColumnHeaders || !1,
+      allColumns: o?.allColumns || !1,
+      onlySelected: o?.onlySelected || !1
+    };
+    if (n.current.api.exportDataAsCsv(e), t?.onExport) {
+      const s = o?.onlySelected ? n.current.api.getSelectedRows() : f;
+      t.onExport(s || [], "csv");
+    }
+  }, [o, t, f]), N = i((e) => {
+    if (!l?.enabled) return [];
+    const s = [];
+    return (l.items || ["copy", "copyWithHeaders", "separator", "export"]).forEach((r) => {
+      r === "export" ? s.push({
+        name: "Export CSV",
+        icon: "<span>📥</span>",
+        action: () => C()
+      }) : r === "autoSizeAll" ? s.push({
+        name: "Auto-size All Columns",
+        action: () => {
+          n.current?.api && n.current.api.autoSizeAllColumns();
+        }
+      }) : r === "resetColumns" ? s.push({
+        name: "Reset Columns",
+        action: () => {
+          n.current?.api && n.current.api.resetColumnState();
+        }
+      }) : s.push(r);
+    }), l.customItems && (s.length > 0 && s.push("separator"), l.customItems.forEach((r) => {
+      s.push({
+        name: r.name,
+        disabled: r.disabled,
+        action: () => {
+          t?.onContextMenuAction && t.onContextMenuAction(r.action, e.node?.data);
+        }
+      });
+    })), s;
+  }, [l, C, t]), V = i((e) => {
+    t?.onCellClicked?.(e);
+  }, [t]), F = i((e) => {
+    t?.onRowClicked?.(e);
+  }, [t]), I = i((e) => {
+    t?.onSelectionChanged?.(e);
+  }, [t]), w = i((e) => {
+    t?.onCellValueChanged?.(e);
+  }, [t]), G = i((e) => {
+    n.current = e;
+  }, []), $ = p(() => c ? c.map((e) => {
+    const s = { ...e };
+    return m && e.editable !== !1 && (s.editable = !0), a && (a.resizable !== void 0 && e.resizable === void 0 && (s.resizable = a.resizable), a.sortable !== void 0 && e.sortable === void 0 && (s.sortable = a.sortable), a.filterable !== void 0 && e.filter === void 0 && (s.filter = a.filterable)), s;
+  }) : [], [c, m, a]), q = p(() => ({
+    ...v,
+    pagination: x,
+    paginationPageSize: P,
+    domLayout: A,
+    animateRows: b,
+    rowSelection: S,
+    editType: j,
+    singleClickEdit: y,
+    stopEditingWhenCellsLoseFocus: R,
+    statusBar: h ? { statusPanels: h } : void 0,
+    enableRangeSelection: z,
+    enableCharts: E,
+    getContextMenuItems: l?.enabled ? N : void 0,
+    // Default options for better UX
+    suppressCellFocus: !m,
+    enableCellTextSelection: !0,
+    ensureDomOrder: !0,
+    // Event handlers
+    onCellClicked: V,
+    onRowClicked: F,
+    onSelectionChanged: I,
+    onCellValueChanged: w,
+    onGridReady: G
+  }), [
+    v,
+    x,
+    P,
+    A,
+    b,
+    S,
+    j,
+    y,
+    R,
+    h,
+    z,
+    E,
+    l,
+    N,
+    m,
+    V,
+    F,
+    I,
+    w,
+    G
+  ]), B = p(() => ({
+    height: typeof d == "number" ? `${d}px` : d,
+    width: "100%"
+  }), [d]), D = [
+    `ag-theme-${H}`,
+    "rounded-xl",
+    "border",
+    "border-border",
+    "overflow-hidden",
+    "shadow-lg",
+    O
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u.jsxs("div", { className: "ag-grid-container", children: [
+    o?.enabled && /* @__PURE__ */ u.jsx("div", { className: "mb-2 flex gap-2", children: /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        onClick: C,
+        className: "px-3 py-1.5 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-md transition-colors",
+        children: "Export CSV"
+      }
+    ) }),
+    /* @__PURE__ */ u.jsx(
+      "div",
+      {
+        className: D,
+        style: B,
+        children: /* @__PURE__ */ u.jsx(
+          K,
+          {
+            ref: n,
+            rowData: f,
+            columnDefs: $,
+            gridOptions: q
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  Y as default
+};

package/dist/index-B6NPAFZx.js

@@ -0,0 +1,504 @@
+import L, { Suspense as ae } from "react";
+import { ComponentRegistry as te } from "@object-ui/core";
+import { Skeleton as ne } from "@object-ui/components";
+var E = { exports: {} }, m = {};
+var V;
+function le() {
+  if (V) return m;
+  V = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(c, o, i) {
+    var d = null;
+    if (i !== void 0 && (d = "" + i), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      i = {};
+      for (var f in o)
+        f !== "key" && (i[f] = o[f]);
+    } else i = o;
+    return o = i.ref, {
+      $$typeof: a,
+      type: c,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: i
+    };
+  }
+  return m.Fragment = b, m.jsx = s, m.jsxs = s, m;
+}
+var p = {};
+var Y;
+function oe() {
+  return Y || (Y = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case R:
+          return "Fragment";
+        case q:
+          return "Profiler";
+        case J:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case Z:
+          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 I:
+            return "Portal";
+          case U:
+            return e.displayName || "Context";
+          case W:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case B:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Q:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case k:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function b(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        b(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), b(e);
+      }
+    }
+    function c(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = _.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function f(e, r) {
+      function t() {
+        h || (h = !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
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function G() {
+      var e = a(this.type);
+      return P[e] || (P[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 $(e, r, t, n, v, S) {
+      var l = t.ref;
+      return e = {
+        $$typeof: x,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: G
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: v
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: S
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, r, t, n, v, S) {
+      var l = r.children;
+      if (l !== void 0)
+        if (n)
+          if (ee(l)) {
+            for (n = 0; n < l.length; n++)
+              A(l[n]);
+            Object.freeze && Object.freeze(l);
+          } 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 A(l);
+      if (N.call(r, "key")) {
+        l = a(e);
+        var u = Object.keys(r).filter(function(re) {
+          return re !== "key";
+        });
+        n = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", M[l + n] || (u = 0 < u.length ? "{" + u.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} />`,
+          n,
+          l,
+          u,
+          l
+        ), M[l + n] = !0);
+      }
+      if (l = null, t !== void 0 && (s(t), l = "" + t), d(r) && (s(r.key), l = "" + r.key), "key" in r) {
+        t = {};
+        for (var T in r)
+          T !== "key" && (t[T] = r[T]);
+      } else t = r;
+      return l && f(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), $(
+        e,
+        l,
+        t,
+        o(),
+        v,
+        S
+      );
+    }
+    function A(e) {
+      O(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? O(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function O(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
+    }
+    var g = L, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), I = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), J = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), U = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), Q = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), _ = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, y = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var h, P = {}, j = g.react_stack_bottom_frame.bind(
+      g,
+      i
+    )(), D = y(c(i)), M = {};
+    p.Fragment = R, p.jsx = function(e, r, t) {
+      var n = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : j,
+        n ? y(c(e)) : D
+      );
+    }, p.jsxs = function(e, r, t) {
+      var n = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : j,
+        n ? y(c(e)) : D
+      );
+    };
+  })()), p;
+}
+var F;
+function ie() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? E.exports = le() : E.exports = oe()), E.exports;
+}
+var C = ie();
+const ue = L.lazy(() => import("./AgGridImpl-DKkq6v1B.js")), z = ({ schema: a }) => /* @__PURE__ */ C.jsx(ae, { fallback: /* @__PURE__ */ C.jsx(ne, { className: "w-full h-[500px]" }), children: /* @__PURE__ */ C.jsx(
+  ue,
+  {
+    rowData: a.rowData,
+    columnDefs: a.columnDefs,
+    gridOptions: a.gridOptions,
+    pagination: a.pagination,
+    paginationPageSize: a.paginationPageSize,
+    domLayout: a.domLayout,
+    animateRows: a.animateRows,
+    rowSelection: a.rowSelection,
+    theme: a.theme,
+    height: a.height,
+    className: a.className,
+    editable: a.editable,
+    editType: a.editType,
+    singleClickEdit: a.singleClickEdit,
+    stopEditingWhenCellsLoseFocus: a.stopEditingWhenCellsLoseFocus,
+    exportConfig: a.exportConfig,
+    statusBar: a.statusBar,
+    callbacks: a.callbacks,
+    columnConfig: a.columnConfig,
+    enableRangeSelection: a.enableRangeSelection,
+    enableCharts: a.enableCharts,
+    contextMenu: a.contextMenu
+  }
+) });
+te.register(
+  "aggrid",
+  z,
+  {
+    label: "AG Grid",
+    icon: "Table",
+    category: "plugin",
+    inputs: [
+      {
+        name: "rowData",
+        type: "array",
+        label: "Row Data",
+        description: "Array of objects to display in the grid",
+        required: !0
+      },
+      {
+        name: "columnDefs",
+        type: "array",
+        label: "Column Definitions",
+        description: "Array of column definitions",
+        required: !0
+      },
+      {
+        name: "pagination",
+        type: "boolean",
+        label: "Enable Pagination",
+        defaultValue: !1
+      },
+      {
+        name: "paginationPageSize",
+        type: "number",
+        label: "Page Size",
+        defaultValue: 10,
+        description: "Number of rows per page when pagination is enabled"
+      },
+      {
+        name: "theme",
+        type: "enum",
+        label: "Theme",
+        enum: [
+          { label: "Quartz", value: "quartz" },
+          { label: "Alpine", value: "alpine" },
+          { label: "Balham", value: "balham" },
+          { label: "Material", value: "material" }
+        ],
+        defaultValue: "quartz"
+      },
+      {
+        name: "rowSelection",
+        type: "enum",
+        label: "Row Selection",
+        enum: [
+          { label: "None", value: void 0 },
+          { label: "Single", value: "single" },
+          { label: "Multiple", value: "multiple" }
+        ],
+        defaultValue: void 0,
+        advanced: !0
+      },
+      {
+        name: "domLayout",
+        type: "enum",
+        label: "DOM Layout",
+        enum: [
+          { label: "Normal", value: "normal" },
+          { label: "Auto Height", value: "autoHeight" },
+          { label: "Print", value: "print" }
+        ],
+        defaultValue: "normal",
+        advanced: !0
+      },
+      {
+        name: "animateRows",
+        type: "boolean",
+        label: "Animate Rows",
+        defaultValue: !0,
+        advanced: !0
+      },
+      {
+        name: "height",
+        type: "number",
+        label: "Height (px)",
+        defaultValue: 500
+      },
+      {
+        name: "editable",
+        type: "boolean",
+        label: "Enable Editing",
+        defaultValue: !1,
+        description: "Allow cells to be edited inline",
+        advanced: !0
+      },
+      {
+        name: "singleClickEdit",
+        type: "boolean",
+        label: "Single Click Edit",
+        defaultValue: !1,
+        description: "Start editing on single click instead of double click",
+        advanced: !0
+      },
+      {
+        name: "exportConfig",
+        type: "code",
+        label: "Export Config (JSON)",
+        description: 'Configure CSV export: { enabled: true, fileName: "data.csv" }',
+        advanced: !0
+      },
+      {
+        name: "statusBar",
+        type: "code",
+        label: "Status Bar Config (JSON)",
+        description: 'Configure status bar: { enabled: true, aggregations: ["count", "sum", "avg"] }',
+        advanced: !0
+      },
+      {
+        name: "callbacks",
+        type: "code",
+        label: "Event Callbacks (JSON)",
+        description: "Event handlers for cell clicks, selection changes, etc.",
+        advanced: !0
+      },
+      {
+        name: "columnConfig",
+        type: "code",
+        label: "Column Config (JSON)",
+        description: "Global column settings: { resizable: true, sortable: true, filterable: true }",
+        advanced: !0
+      },
+      {
+        name: "enableRangeSelection",
+        type: "boolean",
+        label: "Enable Range Selection",
+        defaultValue: !1,
+        description: "Allow selecting ranges of cells (like Excel)",
+        advanced: !0
+      },
+      {
+        name: "enableCharts",
+        type: "boolean",
+        label: "Enable Charts",
+        defaultValue: !1,
+        description: "Enable integrated charting (requires AG Grid Enterprise)",
+        advanced: !0
+      },
+      {
+        name: "contextMenu",
+        type: "code",
+        label: "Context Menu Config (JSON)",
+        description: 'Configure right-click menu: { enabled: true, items: ["copy", "export"] }',
+        advanced: !0
+      },
+      {
+        name: "gridOptions",
+        type: "code",
+        label: "Grid Options (JSON)",
+        description: "Advanced AG Grid options",
+        advanced: !0
+      },
+      {
+        name: "className",
+        type: "string",
+        label: "CSS Class"
+      }
+    ],
+    defaultProps: {
+      rowData: [
+        { make: "Tesla", model: "Model Y", price: 64950, electric: !0 },
+        { make: "Ford", model: "F-Series", price: 33850, electric: !1 },
+        { make: "Toyota", model: "Corolla", price: 29600, electric: !1 },
+        { make: "Mercedes", model: "EQA", price: 48890, electric: !0 },
+        { make: "Fiat", model: "500", price: 15774, electric: !1 },
+        { make: "Nissan", model: "Juke", price: 20675, electric: !1 },
+        { make: "Vauxhall", model: "Corsa", price: 18460, electric: !1 },
+        { make: "Volvo", model: "XC90", price: 72835, electric: !1 },
+        { make: "Mercedes", model: "GLA", price: 47825, electric: !1 },
+        { make: "Ford", model: "Puma", price: 27420, electric: !1 },
+        { make: "Volkswagen", model: "Golf", price: 28850, electric: !1 },
+        { make: "Kia", model: "Sportage", price: 31095, electric: !1 }
+      ],
+      columnDefs: [
+        { field: "make", headerName: "Make", sortable: !0, filter: !0 },
+        { field: "model", headerName: "Model", sortable: !0, filter: !0 },
+        {
+          field: "price",
+          headerName: "Price",
+          sortable: !0,
+          filter: "number",
+          valueFormatter: (a) => a.value != null ? "$" + a.value.toLocaleString() : ""
+        },
+        {
+          field: "electric",
+          headerName: "Electric",
+          sortable: !0,
+          filter: !0,
+          cellRenderer: (a) => a.value === !0 ? "⚡ Yes" : "No"
+        }
+      ],
+      pagination: !0,
+      paginationPageSize: 10,
+      theme: "quartz",
+      height: 500,
+      animateRows: !0,
+      domLayout: "normal"
+    }
+  }
+);
+const fe = {
+  aggrid: z
+};
+export {
+  z as A,
+  fe as a,
+  C as j
+};