@object-ui/plugin-kanban 0.3.1 → 2.0.0

package/dist/index-a4_RI-v7.js

@@ -0,0 +1,579 @@
+import N, { useState as x, useEffect as W, useMemo as J, Suspense as Z } from "react";
+import { ComponentRegistry as P } from "@object-ui/core";
+import { useDataScope as de, useSchemaContext as fe } from "@object-ui/react";
+import { Skeleton as Q } from "@object-ui/components";
+var h = { exports: {} }, A = {};
+var G;
+function be() {
+  if (G) return A;
+  G = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
+  function m(b, i, d) {
+    var a = null;
+    if (d !== void 0 && (a = "" + d), i.key !== void 0 && (a = "" + i.key), "key" in i) {
+      d = {};
+      for (var n in i)
+        n !== "key" && (d[n] = i[n]);
+    } else d = i;
+    return i = d.ref, {
+      $$typeof: r,
+      type: b,
+      key: a,
+      ref: i !== void 0 ? i : null,
+      props: d
+    };
+  }
+  return A.Fragment = f, A.jsx = m, A.jsxs = m, A;
+}
+var C = {};
+var X;
+function me() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ie ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case S:
+          return "Fragment";
+        case p:
+          return "Profiler";
+        case l:
+          return "StrictMode";
+        case ne:
+          return "Suspense";
+        case oe:
+          return "SuspenseList";
+        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 M:
+            return "Portal";
+          case k:
+            return e.displayName || "Context";
+          case o:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case ae:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case le:
+            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
+          case D:
+            t = e._payload, e = e._init;
+            try {
+              return r(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function m(e) {
+      try {
+        f(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var s = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), f(e);
+      }
+    }
+    function b(e) {
+      if (e === S) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === D)
+        return "<...>";
+      try {
+        var t = r(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var e = F.A;
+      return e === null ? null : e.getOwner();
+    }
+    function d() {
+      return Error("react-stack-top-frame");
+    }
+    function a(e) {
+      if (V.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function n(e, t) {
+      function s() {
+        B || (B = !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
+        ));
+      }
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
+        configurable: !0
+      });
+    }
+    function g() {
+      var e = r(this.type);
+      return K[e] || (K[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, t, s, u, w, L) {
+      var c = s.ref;
+      return e = {
+        $$typeof: T,
+        type: e,
+        key: t,
+        props: s,
+        _owner: u
+      }, (c !== void 0 ? c : 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: w
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function v(e, t, s, u, w, L) {
+      var c = t.children;
+      if (c !== void 0)
+        if (u)
+          if (ue(c)) {
+            for (u = 0; u < c.length; u++)
+              O(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 O(c);
+      if (V.call(t, "key")) {
+        c = r(e);
+        var j = Object.keys(t).filter(function(ce) {
+          return ce !== "key";
+        });
+        u = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", U[c + u] || (j = 0 < j.length ? "{" + j.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} />`,
+          u,
+          c,
+          j,
+          c
+        ), U[c + u] = !0);
+      }
+      if (c = null, s !== void 0 && (m(s), c = "" + s), a(t) && (m(t.key), c = "" + t.key), "key" in t) {
+        s = {};
+        for (var I in t)
+          I !== "key" && (s[I] = t[I]);
+      } else s = t;
+      return c && n(
+        s,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), _(
+        e,
+        c,
+        s,
+        i(),
+        w,
+        L
+      );
+    }
+    function O(e) {
+      R(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? R(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
+    }
+    var E = N, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), l = /* @__PURE__ */ Symbol.for("react.strict_mode"), p = /* @__PURE__ */ Symbol.for("react.profiler"), o = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__PURE__ */ Symbol.for("react.context"), ae = /* @__PURE__ */ Symbol.for("react.forward_ref"), ne = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), le = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), ie = /* @__PURE__ */ Symbol.for("react.client.reference"), F = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ue = Array.isArray, Y = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var B, K = {}, q = E.react_stack_bottom_frame.bind(
+      E,
+      d
+    )(), z = Y(b(d)), U = {};
+    C.Fragment = S, C.jsx = function(e, t, s) {
+      var u = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        t,
+        s,
+        !1,
+        u ? Error("react-stack-top-frame") : q,
+        u ? Y(b(e)) : z
+      );
+    }, C.jsxs = function(e, t, s) {
+      var u = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        t,
+        s,
+        !0,
+        u ? Error("react-stack-top-frame") : q,
+        u ? Y(b(e)) : z
+      );
+    };
+  })()), C;
+}
+var H;
+function pe() {
+  return H || (H = 1, process.env.NODE_ENV === "production" ? h.exports = be() : h.exports = me()), h.exports;
+}
+var y = pe();
+const ee = ({
+  schema: r,
+  dataSource: f,
+  className: m,
+  ...b
+}) => {
+  const [i, d] = x([]), [a, n] = x(null), [g, _] = x(!1), [v, O] = x(null), R = de(r.bind);
+  W(() => {
+    let l = !0;
+    return (async () => {
+      if (!(!f || !r.objectName))
+        try {
+          const o = await f.getObjectSchema(r.objectName);
+          l && n(o);
+        } catch (o) {
+          console.warn("Failed to fetch object def", o);
+        }
+    })(), () => {
+      l = !1;
+    };
+  }, [r.objectName, f]), W(() => {
+    let l = !0;
+    const p = async () => {
+      if (!(!f || !r.objectName)) {
+        l && _(!0);
+        try {
+          const o = await f.find(r.objectName, {
+            options: { $top: 100 },
+            $filter: r.filter
+          });
+          let k = [];
+          Array.isArray(o) ? k = o : o && typeof o == "object" && (Array.isArray(o.value) ? k = o.value : Array.isArray(o.data) && (k = o.data)), console.log(`[ObjectKanban] Extracted data (length: ${k.length})`), l && d(k);
+        } catch (o) {
+          console.error("[ObjectKanban] Fetch error:", o), l && O(o);
+        } finally {
+          l && _(!1);
+        }
+      }
+    };
+    return r.objectName && !R && !r.data && !b.data && p(), () => {
+      l = !1;
+    };
+  }, [r.objectName, f, R, r.data, r.filter, b.data]);
+  const E = b.data || R || r.data || i, T = J(() => {
+    if (!Array.isArray(E)) return [];
+    let l = r.cardTitle || r.titleField;
+    if (!l && a) {
+      if (a.titleFormat) {
+        const o = /\{(.+?)\}/.exec(a.titleFormat);
+        o && (l = o[1]);
+      }
+      !l && a.NAME_FIELD_KEY && (l = a.NAME_FIELD_KEY);
+    }
+    const p = l || "name";
+    return E.map((o) => ({
+      ...o,
+      // Ensure id exists
+      id: o.id || o._id,
+      // Map title
+      title: o[p] || o.title || "Untitled"
+    }));
+  }, [E, r, a]), M = J(() => {
+    if (r.columns && r.columns.length > 0)
+      if (typeof r.columns[0] == "string") {
+        if (!r.groupBy)
+          return r.columns.map((l) => ({
+            id: l,
+            title: l
+          }));
+      } else
+        return r.columns;
+    if (r.groupBy && a?.fields?.[r.groupBy]?.options)
+      return a.fields[r.groupBy].options.map((l) => ({
+        id: l.value,
+        title: l.label
+      }));
+    if (r.groupBy && T.length > 0) {
+      const l = new Set(T.map((p) => p[r.groupBy]));
+      return Array.from(l).map((p) => ({
+        id: String(p),
+        title: String(p)
+      }));
+    }
+    return [];
+  }, [r.columns, r.groupBy, T, a]), S = {
+    ...r,
+    data: T,
+    columns: M,
+    className: m || r.className
+  };
+  return v ? /* @__PURE__ */ y.jsxs("div", { className: "p-4 border border-destructive/50 rounded bg-destructive/10 text-destructive", children: [
+    "Error loading kanban data: ",
+    v.message
+  ] }) : /* @__PURE__ */ y.jsx($, { schema: S });
+}, ge = N.lazy(() => import("./KanbanImpl--kTNN_B8.js")), re = N.lazy(() => import("./KanbanEnhanced-BMreTWOT.js")), $ = ({ schema: r }) => {
+  const f = N.useMemo(() => {
+    const { columns: m = [], data: b, groupBy: i } = r;
+    if (b && i && Array.isArray(b)) {
+      const d = {};
+      m.forEach((n) => {
+        n.id && (d[String(n.id).toLowerCase()] = n.id), n.title && (d[String(n.title).toLowerCase()] = n.id);
+      });
+      const a = b.reduce((n, g) => {
+        const _ = String(g[i] ?? ""), v = d[_.toLowerCase()] ?? _;
+        return n[v] || (n[v] = []), n[v].push(g), n;
+      }, {});
+      return m.map((n) => ({
+        ...n,
+        cards: [
+          ...n.cards || [],
+          // Preserve static cards
+          ...a[n.id] || []
+          // Add dynamic cards
+        ]
+      }));
+    }
+    return m;
+  }, [r]);
+  return /* @__PURE__ */ y.jsx(Z, { fallback: /* @__PURE__ */ y.jsx(Q, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ y.jsx(
+    ge,
+    {
+      columns: f,
+      onCardMove: r.onCardMove,
+      className: r.className
+    }
+  ) });
+};
+P.register(
+  "kanban-ui",
+  $,
+  {
+    namespace: "plugin-kanban",
+    label: "Kanban Board",
+    icon: "LayoutDashboard",
+    category: "plugin",
+    inputs: [
+      {
+        name: "columns",
+        type: "array",
+        label: "Columns",
+        description: "Array of { id, title, cards, limit, className }",
+        required: !0
+      },
+      {
+        name: "onCardMove",
+        type: "code",
+        label: "On Card Move",
+        description: "Callback when a card is moved",
+        advanced: !0
+      },
+      {
+        name: "className",
+        type: "string",
+        label: "CSS Class"
+      }
+    ],
+    defaultProps: {
+      columns: [
+        {
+          id: "todo",
+          title: "To Do",
+          cards: [
+            {
+              id: "card-1",
+              title: "Task 1",
+              description: "This is the first task",
+              badges: [
+                { label: "High Priority", variant: "destructive" },
+                { label: "Feature", variant: "default" }
+              ]
+            },
+            {
+              id: "card-2",
+              title: "Task 2",
+              description: "This is the second task",
+              badges: [
+                { label: "Bug", variant: "destructive" }
+              ]
+            }
+          ]
+        },
+        {
+          id: "in-progress",
+          title: "In Progress",
+          limit: 3,
+          cards: [
+            {
+              id: "card-3",
+              title: "Task 3",
+              description: "Currently working on this",
+              badges: [
+                { label: "In Progress", variant: "default" }
+              ]
+            }
+          ]
+        },
+        {
+          id: "done",
+          title: "Done",
+          cards: [
+            {
+              id: "card-4",
+              title: "Task 4",
+              description: "This task is completed",
+              badges: [
+                { label: "Completed", variant: "outline" }
+              ]
+            },
+            {
+              id: "card-5",
+              title: "Task 5",
+              description: "Another completed task",
+              badges: [
+                { label: "Completed", variant: "outline" }
+              ]
+            }
+          ]
+        }
+      ],
+      className: "w-full"
+    }
+  }
+);
+const Te = {
+  kanban: $,
+  "kanban-enhanced": re,
+  "object-kanban": ee
+};
+P.register(
+  "kanban-enhanced",
+  ({ schema: r }) => {
+    const f = N.useMemo(() => {
+      const { columns: m = [], data: b, groupBy: i } = r;
+      if (b && i && Array.isArray(b)) {
+        const d = b.reduce((a, n) => {
+          const g = n[i];
+          return a[g] || (a[g] = []), a[g].push(n), a;
+        }, {});
+        return m.map((a) => ({
+          ...a,
+          cards: [...a.cards || [], ...d[a.id] || []]
+        }));
+      }
+      return m;
+    }, [r]);
+    return /* @__PURE__ */ y.jsx(Z, { fallback: /* @__PURE__ */ y.jsx(Q, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ y.jsx(
+      re,
+      {
+        columns: f,
+        onCardMove: r.onCardMove,
+        onColumnToggle: r.onColumnToggle,
+        enableVirtualScrolling: r.enableVirtualScrolling,
+        virtualScrollThreshold: r.virtualScrollThreshold,
+        className: r.className
+      }
+    ) });
+  },
+  {
+    namespace: "plugin-kanban",
+    label: "Kanban Board (Enhanced)",
+    icon: "LayoutGrid",
+    category: "plugin",
+    inputs: [
+      { name: "columns", type: "array", label: "Columns", required: !0 },
+      { name: "enableVirtualScrolling", type: "boolean", label: "Virtual Scrolling", defaultValue: !1 },
+      { name: "virtualScrollThreshold", type: "number", label: "Virtual Scroll Threshold", defaultValue: 50 },
+      { name: "onCardMove", type: "code", label: "On Card Move", advanced: !0 },
+      { name: "onColumnToggle", type: "code", label: "On Column Toggle", advanced: !0 },
+      { name: "className", type: "string", label: "CSS Class" }
+    ],
+    defaultProps: {
+      columns: [],
+      enableVirtualScrolling: !1,
+      virtualScrollThreshold: 50,
+      className: "w-full"
+    }
+  }
+);
+const te = ({ schema: r, ...f }) => {
+  const { dataSource: m } = fe() || {};
+  return /* @__PURE__ */ y.jsx(ee, { schema: r, dataSource: m, ...f });
+};
+P.register(
+  "object-kanban",
+  te,
+  {
+    namespace: "plugin-kanban",
+    label: "Object Kanban",
+    category: "view",
+    inputs: [
+      { name: "objectName", type: "string", label: "Object Name", required: !0 },
+      { name: "columns", type: "array", label: "Columns" }
+    ]
+  }
+);
+P.register(
+  "kanban",
+  te,
+  {
+    namespace: "view",
+    label: "Kanban Board",
+    category: "view",
+    inputs: [
+      { name: "objectName", type: "string", label: "Object Name", required: !0 },
+      { name: "columns", type: "array", label: "Columns" }
+    ]
+  }
+);
+export {
+  $ as K,
+  ee as O,
+  te as a,
+  y as j,
+  Te as k
+};

package/dist/index.js

@@ -1,8 +1,11 @@
-import { K as m, k as p } from "./index-BV3FWhCb.js";
+import { K as b, O as m, a as p, k as s } from "./index-a4_RI-v7.js";
 import "react";
 import "@object-ui/core";
+import "@object-ui/react";
 import "@object-ui/components";
 export {
-  m as KanbanRenderer,
-  p as kanbanComponents
+  b as KanbanRenderer,
+  m as ObjectKanban,
+  p as ObjectKanbanRenderer,
+  s as kanbanComponents
 };