@object-ui/plugin-kanban 0.5.0 → 3.0.0

package/dist/{index-CrR06na7.js → index-CWGTi2xn.js}

@@ -1,69 +1,69 @@
-import N, { useState as w, useEffect as q, useMemo as J, Suspense as Z } from "react";
-import { ComponentRegistry as L } from "@object-ui/core";
-import { useDataScope as ce, useSchemaContext as de } from "@object-ui/react";
-import { Skeleton as Q } from "@object-ui/components";
-var P = { exports: {} }, S = {};
-var G;
-function fe() {
-  if (G) return S;
-  G = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
-  function b(d, s, f) {
-    var a = null;
-    if (f !== void 0 && (a = "" + f), s.key !== void 0 && (a = "" + s.key), "key" in s) {
-      f = {};
-      for (var m in s)
-        m !== "key" && (f[m] = s[m]);
-    } else f = s;
-    return s = f.ref, {
+import w, { useState as P, useEffect as H, useMemo as Z, Suspense as te } from "react";
+import { ComponentRegistry as M } from "@object-ui/core";
+import { useDataScope as de, useNavigationOverlay as fe, useSchemaContext as be } from "@object-ui/react";
+import { NavigationOverlay as me, Skeleton as ae } from "@object-ui/components";
+var D = { exports: {} }, O = {};
+var Q;
+function pe() {
+  if (Q) return O;
+  Q = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.fragment");
+  function m(g, s, i) {
+    var d = null;
+    if (i !== void 0 && (d = "" + i), s.key !== void 0 && (d = "" + s.key), "key" in s) {
+      i = {};
+      for (var o in s)
+        o !== "key" && (i[o] = s[o]);
+    } else i = s;
+    return s = i.ref, {
       $$typeof: r,
-      type: d,
-      key: a,
+      type: g,
+      key: d,
       ref: s !== void 0 ? s : null,
-      props: f
+      props: i
     };
   }
-  return S.Fragment = c, S.jsx = b, S.jsxs = b, S;
+  return O.Fragment = b, O.jsx = m, O.jsxs = m, O;
 }
 var A = {};
-var X;
-function be() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+var ee;
+function ge() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
+        return e.$$typeof === ie ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case j:
+        case y:
           return "Fragment";
-        case p:
+        case Y:
           return "Profiler";
-        case o:
+        case F:
           return "StrictMode";
-        case ae:
+        case v:
           return "Suspense";
-        case ne:
+        case n:
           return "SuspenseList";
-        case le:
+        case se:
           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 h:
+          case S:
             return "Portal";
-          case _:
+          case L:
             return e.displayName || "Context";
-          case n:
+          case x:
             return (e._context.displayName || "Context") + ".Consumer";
-          case te:
+          case a:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case oe:
+          case _:
             return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case M:
+          case I:
             t = e._payload, e = e._init;
             try {
               return r(e(t));
@@ -72,29 +72,29 @@ function be() {
         }
       return null;
     }
-    function c(e) {
+    function b(e) {
       return "" + e;
     }
-    function b(e) {
+    function m(e) {
       try {
-        c(e);
+        b(e);
         var t = !1;
       } catch {
         t = !0;
       }
       if (t) {
         t = console;
-        var l = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var l = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l.call(
           t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          i
-        ), c(e);
+          u
+        ), b(e);
       }
     }
-    function d(e) {
-      if (e === j) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === M)
+    function g(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === I)
         return "<...>";
       try {
         var t = r(e);
@@ -104,22 +104,22 @@ function be() {
       }
     }
     function s() {
-      var e = D.A;
+      var e = $.A;
       return e === null ? null : e.getOwner();
     }
-    function f() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function a(e) {
-      if (V.call(e, "key")) {
+    function d(e) {
+      if (q.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function m(e, t) {
+    function o(e, t) {
       function l() {
-        B || (B = !0, console.error(
+        z || (z = !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)",
           t
         ));
@@ -129,23 +129,23 @@ function be() {
         configurable: !0
       });
     }
-    function g() {
+    function f() {
       var e = r(this.type);
-      return z[e] || (z[e] = !0, console.error(
+      return W[e] || (W[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 O(e, t, l, i, x, Y) {
-      var u = l.ref;
+    function T(e, t, l, u, h, B) {
+      var c = l.ref;
       return e = {
-        $$typeof: E,
+        $$typeof: k,
         type: e,
         key: t,
         props: l,
-        _owner: i
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: u
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: f
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -160,234 +160,259 @@ function be() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: x
+        value: h
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: B
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function R(e, t, l, i, x, Y) {
-      var u = t.children;
-      if (u !== void 0)
-        if (i)
-          if (ie(u)) {
-            for (i = 0; i < u.length; i++)
-              C(u[i]);
-            Object.freeze && Object.freeze(u);
+    function E(e, t, l, u, h, B) {
+      var c = t.children;
+      if (c !== void 0)
+        if (u)
+          if (ue(c)) {
+            for (u = 0; u < c.length; u++)
+              N(c[u]);
+            Object.freeze && Object.freeze(c);
           } 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 C(u);
-      if (V.call(t, "key")) {
-        u = r(e);
-        var k = Object.keys(t).filter(function(ue) {
-          return ue !== "key";
+        else N(c);
+      if (q.call(t, "key")) {
+        c = r(e);
+        var R = Object.keys(t).filter(function(ce) {
+          return ce !== "key";
         });
-        i = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", W[u + i] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", X[c + u] || (R = 0 < R.length ? "{" + R.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} />`,
-          i,
           u,
-          k,
-          u
-        ), W[u + i] = !0);
+          c,
+          R,
+          c
+        ), X[c + u] = !0);
       }
-      if (u = null, l !== void 0 && (b(l), u = "" + l), a(t) && (b(t.key), u = "" + t.key), "key" in t) {
+      if (c = null, l !== void 0 && (m(l), c = "" + l), d(t) && (m(t.key), c = "" + t.key), "key" in t) {
         l = {};
-        for (var I in t)
-          I !== "key" && (l[I] = t[I]);
+        for (var K in t)
+          K !== "key" && (l[K] = t[K]);
       } else l = t;
-      return u && m(
+      return c && o(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), O(
+      ), T(
         e,
-        u,
+        c,
         l,
         s(),
-        x,
-        Y
+        h,
+        B
       );
     }
-    function C(e) {
-      T(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (e._payload.status === "fulfilled" ? T(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function N(e) {
+      C(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === I && (e._payload.status === "fulfilled" ? C(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function T(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === E;
+    function C(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === k;
     }
-    var y = N, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), p = /* @__PURE__ */ Symbol.for("react.profiler"), n = /* @__PURE__ */ Symbol.for("react.consumer"), _ = /* @__PURE__ */ Symbol.for("react.context"), te = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), ne = /* @__PURE__ */ Symbol.for("react.suspense_list"), oe = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), le = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), D = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ie = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var j = w, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), a = /* @__PURE__ */ Symbol.for("react.forward_ref"), v = /* @__PURE__ */ Symbol.for("react.suspense"), n = /* @__PURE__ */ Symbol.for("react.suspense_list"), _ = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), ie = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ue = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
+    j = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var B, z = {}, K = y.react_stack_bottom_frame.bind(
-      y,
-      f
-    )(), U = F(d(f)), W = {};
-    A.Fragment = j, A.jsx = function(e, t, l) {
-      var i = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return R(
+    var z, W = {}, J = j.react_stack_bottom_frame.bind(
+      j,
+      i
+    )(), G = V(g(i)), X = {};
+    A.Fragment = y, A.jsx = function(e, t, l) {
+      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return E(
         e,
         t,
         l,
         !1,
-        i ? Error("react-stack-top-frame") : K,
-        i ? F(d(e)) : U
+        u ? Error("react-stack-top-frame") : J,
+        u ? V(g(e)) : G
       );
     }, A.jsxs = function(e, t, l) {
-      var i = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return R(
+      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return E(
         e,
         t,
         l,
         !0,
-        i ? Error("react-stack-top-frame") : K,
-        i ? F(d(e)) : U
+        u ? Error("react-stack-top-frame") : J,
+        u ? V(g(e)) : G
       );
     };
   })()), A;
 }
-var H;
-function me() {
-  return H || (H = 1, process.env.NODE_ENV === "production" ? P.exports = fe() : P.exports = be()), P.exports;
+var re;
+function ve() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? D.exports = pe() : D.exports = ge()), D.exports;
 }
-var v = me();
-const ee = ({
+var p = ve();
+const ne = ({
   schema: r,
-  dataSource: c,
-  className: b,
-  ...d
+  dataSource: b,
+  className: m,
+  onRowClick: g,
+  onCardClick: s,
+  ...i
 }) => {
-  const [s, f] = w([]), [a, m] = w(null), [g, O] = w(!1), [R, C] = w(null), T = ce(r.bind);
-  q(() => {
-    let o = !0;
+  const [d, o] = P([]), [f, T] = P(null), [E, N] = P(!1), [C, j] = P(null), k = de(r.bind);
+  H(() => {
+    let a = !0;
     return (async () => {
-      if (!(!c || !r.objectName))
+      if (!(!b || !r.objectName))
         try {
-          const n = await c.getObjectSchema(r.objectName);
-          o && m(n);
+          const n = await b.getObjectSchema(r.objectName);
+          a && T(n);
         } catch (n) {
           console.warn("Failed to fetch object def", n);
         }
     })(), () => {
-      o = !1;
+      a = !1;
     };
-  }, [r.objectName, c]), q(() => {
-    let o = !0;
-    const p = async () => {
-      if (!(!c || !r.objectName)) {
-        o && O(!0);
+  }, [r.objectName, b]), H(() => {
+    let a = !0;
+    const v = async () => {
+      if (!(!b || !r.objectName)) {
+        a && N(!0);
         try {
-          const n = await c.find(r.objectName, {
+          const n = await b.find(r.objectName, {
             options: { $top: 100 },
             $filter: r.filter
           });
           let _ = [];
-          Array.isArray(n) ? _ = n : n && typeof n == "object" && (Array.isArray(n.value) ? _ = n.value : Array.isArray(n.data) && (_ = n.data)), console.log(`[ObjectKanban] Extracted data (length: ${_.length})`), o && f(_);
+          Array.isArray(n) ? _ = n : n && typeof n == "object" && (Array.isArray(n.value) ? _ = n.value : Array.isArray(n.data) && (_ = n.data)), console.log(`[ObjectKanban] Extracted data (length: ${_.length})`), a && o(_);
         } catch (n) {
-          console.error("[ObjectKanban] Fetch error:", n), o && C(n);
+          console.error("[ObjectKanban] Fetch error:", n), a && j(n);
         } finally {
-          o && O(!1);
+          a && N(!1);
         }
       }
     };
-    return r.objectName && !T && !r.data && !d.data && p(), () => {
-      o = !1;
+    return r.objectName && !k && !r.data && !i.data && v(), () => {
+      a = !1;
     };
-  }, [r.objectName, c, T, r.data, r.filter, d.data]);
-  const y = d.data || T || r.data || s, E = J(() => {
-    if (!Array.isArray(y)) return [];
-    let o = r.cardTitle || r.titleField;
-    if (!o && a) {
-      if (a.titleFormat) {
-        const n = /\{(.+?)\}/.exec(a.titleFormat);
-        n && (o = n[1]);
+  }, [r.objectName, b, k, r.data, r.filter, i.data]);
+  const S = i.data || k || r.data || d, y = Z(() => {
+    if (!Array.isArray(S)) return [];
+    let a = r.cardTitle || r.titleField;
+    if (!a && f) {
+      if (f.titleFormat) {
+        const n = /\{(.+?)\}/.exec(f.titleFormat);
+        n && (a = n[1]);
       }
-      !o && a.NAME_FIELD_KEY && (o = a.NAME_FIELD_KEY);
+      !a && f.NAME_FIELD_KEY && (a = f.NAME_FIELD_KEY);
     }
-    const p = o || "name";
-    return y.map((n) => ({
+    const v = a || "name";
+    return S.map((n) => ({
       ...n,
       // Ensure id exists
       id: n.id || n._id,
       // Map title
-      title: n[p] || n.title || "Untitled"
+      title: n[v] || n.title || "Untitled"
     }));
-  }, [y, r, a]), h = J(() => {
+  }, [S, r, f]), F = Z(() => {
     if (r.columns && r.columns.length > 0)
       if (typeof r.columns[0] == "string") {
         if (!r.groupBy)
-          return r.columns.map((o) => ({
-            id: o,
-            title: o
+          return r.columns.map((a) => ({
+            id: a,
+            title: a
           }));
       } else
         return r.columns;
-    if (r.groupBy && a?.fields?.[r.groupBy]?.options)
-      return a.fields[r.groupBy].options.map((o) => ({
-        id: o.value,
-        title: o.label
+    if (r.groupBy && f?.fields?.[r.groupBy]?.options)
+      return f.fields[r.groupBy].options.map((a) => ({
+        id: a.value,
+        title: a.label
       }));
-    if (r.groupBy && E.length > 0) {
-      const o = new Set(E.map((p) => p[r.groupBy]));
-      return Array.from(o).map((p) => ({
-        id: String(p),
-        title: String(p)
+    if (r.groupBy && y.length > 0) {
+      const a = new Set(y.map((v) => v[r.groupBy]));
+      return Array.from(a).map((v) => ({
+        id: String(v),
+        title: String(v)
       }));
     }
     return [];
-  }, [r.columns, r.groupBy, E, a]), j = {
+  }, [r.columns, r.groupBy, y, f]), Y = {
     ...r,
-    data: E,
-    columns: h,
-    className: b || r.className
-  };
-  return R ? /* @__PURE__ */ v.jsxs("div", { className: "p-4 border border-destructive/50 rounded bg-destructive/10 text-destructive", children: [
-    "Error loading kanban data: ",
-    R.message
-  ] }) : /* @__PURE__ */ v.jsx($, { schema: j });
-}, pe = N.lazy(() => import("./KanbanImpl-B8nu2BvG.js")), re = N.lazy(() => import("./KanbanEnhanced-BqDEu7Z6.js")), $ = ({ schema: r }) => {
-  const c = N.useMemo(() => {
-    const { columns: b = [], data: d, groupBy: s } = r;
-    if (d && s && Array.isArray(d)) {
-      const f = d.reduce((a, m) => {
-        const g = m[s];
-        return a[g] || (a[g] = []), a[g].push(m), a;
+    data: y,
+    columns: F,
+    className: m || r.className
+  }, x = fe({
+    navigation: r.navigation,
+    objectName: r.objectName,
+    onRowClick: g ?? s
+  });
+  if (C)
+    return /* @__PURE__ */ p.jsxs("div", { className: "p-4 border border-destructive/50 rounded bg-destructive/10 text-destructive", children: [
+      "Error loading kanban data: ",
+      C.message
+    ] });
+  const L = r.objectName ? `${r.objectName.charAt(0).toUpperCase() + r.objectName.slice(1).replace(/_/g, " ")} Detail` : "Card Details";
+  return /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    /* @__PURE__ */ p.jsx(U, { schema: {
+      ...Y,
+      onCardClick: (a) => {
+        x.handleClick(a), s?.(a);
+      }
+    } }),
+    x.isOverlay && /* @__PURE__ */ p.jsx(me, { ...x, title: L, children: (a) => /* @__PURE__ */ p.jsx("div", { className: "space-y-3", children: Object.entries(a).map(([v, n]) => /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ p.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: v.replace(/_/g, " ") }),
+      /* @__PURE__ */ p.jsx("span", { className: "text-sm", children: String(n ?? "—") })
+    ] }, v)) }) })
+  ] });
+}, ye = w.lazy(() => import("./KanbanImpl-BfOKAnJS.js")), oe = w.lazy(() => import("./KanbanEnhanced-BPIKjTDv.js")), U = ({ schema: r }) => {
+  const b = w.useMemo(() => {
+    const { columns: m = [], data: g, groupBy: s } = r;
+    if (g && s && Array.isArray(g)) {
+      const i = {};
+      m.forEach((o) => {
+        o.id && (i[String(o.id).toLowerCase()] = o.id), o.title && (i[String(o.title).toLowerCase()] = o.id);
+      });
+      const d = g.reduce((o, f) => {
+        const T = String(f[s] ?? ""), E = i[T.toLowerCase()] ?? T;
+        return o[E] || (o[E] = []), o[E].push(f), o;
       }, {});
-      return b.map((a) => ({
-        ...a,
+      return m.map((o) => ({
+        ...o,
         cards: [
-          ...a.cards || [],
+          ...o.cards || [],
           // Preserve static cards
-          ...f[a.id] || []
+          ...d[o.id] || []
           // Add dynamic cards
         ]
       }));
     }
-    return b;
+    return m;
   }, [r]);
-  return /* @__PURE__ */ v.jsx(Z, { fallback: /* @__PURE__ */ v.jsx(Q, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ v.jsx(
-    pe,
+  return /* @__PURE__ */ p.jsx(te, { fallback: /* @__PURE__ */ p.jsx(ae, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ p.jsx(
+    ye,
     {
-      columns: c,
+      columns: b,
       onCardMove: r.onCardMove,
+      onCardClick: r.onCardClick,
       className: r.className
     }
   ) });
 };
-L.register(
-  "kanban",
-  $,
+M.register(
+  "kanban-ui",
+  U,
   {
     namespace: "plugin-kanban",
     label: "Kanban Board",
@@ -481,32 +506,32 @@ L.register(
     }
   }
 );
-const Te = {
-  kanban: $,
-  "kanban-enhanced": re,
-  "object-kanban": ee
+const ke = {
+  kanban: U,
+  "kanban-enhanced": oe,
+  "object-kanban": ne
 };
-L.register(
+M.register(
   "kanban-enhanced",
   ({ schema: r }) => {
-    const c = N.useMemo(() => {
-      const { columns: b = [], data: d, groupBy: s } = r;
-      if (d && s && Array.isArray(d)) {
-        const f = d.reduce((a, m) => {
-          const g = m[s];
-          return a[g] || (a[g] = []), a[g].push(m), a;
+    const b = w.useMemo(() => {
+      const { columns: m = [], data: g, groupBy: s } = r;
+      if (g && s && Array.isArray(g)) {
+        const i = g.reduce((d, o) => {
+          const f = o[s];
+          return d[f] || (d[f] = []), d[f].push(o), d;
         }, {});
-        return b.map((a) => ({
-          ...a,
-          cards: [...a.cards || [], ...f[a.id] || []]
+        return m.map((d) => ({
+          ...d,
+          cards: [...d.cards || [], ...i[d.id] || []]
         }));
       }
-      return b;
+      return m;
     }, [r]);
-    return /* @__PURE__ */ v.jsx(Z, { fallback: /* @__PURE__ */ v.jsx(Q, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ v.jsx(
-      re,
+    return /* @__PURE__ */ p.jsx(te, { fallback: /* @__PURE__ */ p.jsx(ae, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ p.jsx(
+      oe,
       {
-        columns: c,
+        columns: b,
         onCardMove: r.onCardMove,
         onColumnToggle: r.onColumnToggle,
         enableVirtualScrolling: r.enableVirtualScrolling,
@@ -536,17 +561,30 @@ L.register(
     }
   }
 );
-const ge = ({ schema: r, ...c }) => {
-  const { dataSource: b } = de() || {};
-  return /* @__PURE__ */ v.jsx(ee, { schema: r, dataSource: b, ...c });
+const le = ({ schema: r, ...b }) => {
+  const { dataSource: m } = be() || {};
+  return /* @__PURE__ */ p.jsx(ne, { schema: r, dataSource: m, ...b });
 };
-L.register(
+M.register(
   "object-kanban",
-  ge,
+  le,
   {
     namespace: "plugin-kanban",
     label: "Object Kanban",
-    category: "plugin",
+    category: "view",
+    inputs: [
+      { name: "objectName", type: "string", label: "Object Name", required: !0 },
+      { name: "columns", type: "array", label: "Columns" }
+    ]
+  }
+);
+M.register(
+  "kanban",
+  le,
+  {
+    namespace: "view",
+    label: "Kanban Board",
+    category: "view",
     inputs: [
       { name: "objectName", type: "string", label: "Object Name", required: !0 },
       { name: "columns", type: "array", label: "Columns" }
@@ -554,9 +592,9 @@ L.register(
   }
 );
 export {
-  $ as K,
-  ee as O,
-  ge as a,
-  v as j,
-  Te as k
+  U as K,
+  ne as O,
+  le as a,
+  p as j,
+  ke as k
 };