@object-ui/plugin-kanban 3.0.2 → 3.1.0

package/dist/index-CWGTi2xn.js

@@ -1,600 +0,0 @@
-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: g,
-      key: d,
-      ref: s !== void 0 ? s : null,
-      props: i
-    };
-  }
-  return O.Fragment = b, O.jsx = m, O.jsxs = m, O;
-}
-var A = {};
-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 === ie ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case y:
-          return "Fragment";
-        case Y:
-          return "Profiler";
-        case F:
-          return "StrictMode";
-        case v:
-          return "Suspense";
-        case n:
-          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 S:
-            return "Portal";
-          case L:
-            return e.displayName || "Context";
-          case x:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case a:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case _:
-            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case I:
-            t = e._payload, e = e._init;
-            try {
-              return r(e(t));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function b(e) {
-      return "" + e;
-    }
-    function m(e) {
-      try {
-        b(e);
-        var t = !1;
-      } catch {
-        t = !0;
-      }
-      if (t) {
-        t = console;
-        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.",
-          u
-        ), b(e);
-      }
-    }
-    function g(e) {
-      if (e === y) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === I)
-        return "<...>";
-      try {
-        var t = r(e);
-        return t ? "<" + t + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var e = $.A;
-      return e === null ? null : e.getOwner();
-    }
-    function i() {
-      return Error("react-stack-top-frame");
-    }
-    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 o(e, t) {
-      function l() {
-        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
-        ));
-      }
-      l.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: l,
-        configurable: !0
-      });
-    }
-    function f() {
-      var e = r(this.type);
-      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 T(e, t, l, u, h, B) {
-      var c = l.ref;
-      return e = {
-        $$typeof: k,
-        type: e,
-        key: t,
-        props: l,
-        _owner: u
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: f
-      }) : 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: h
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: B
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    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 N(c);
-      if (q.call(t, "key")) {
-        c = r(e);
-        var R = Object.keys(t).filter(function(ce) {
-          return ce !== "key";
-        });
-        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} />`,
-          u,
-          c,
-          R,
-          c
-        ), X[c + u] = !0);
-      }
-      if (c = null, l !== void 0 && (m(l), c = "" + l), d(t) && (m(t.key), c = "" + t.key), "key" in t) {
-        l = {};
-        for (var K in t)
-          K !== "key" && (l[K] = t[K]);
-      } else l = t;
-      return c && o(
-        l,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), T(
-        e,
-        c,
-        l,
-        s(),
-        h,
-        B
-      );
-    }
-    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 C(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
-    }
-    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;
-    };
-    j = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    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,
-        u ? Error("react-stack-top-frame") : J,
-        u ? V(g(e)) : G
-      );
-    }, A.jsxs = function(e, t, l) {
-      var u = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return E(
-        e,
-        t,
-        l,
-        !0,
-        u ? Error("react-stack-top-frame") : J,
-        u ? V(g(e)) : G
-      );
-    };
-  })()), A;
-}
-var re;
-function ve() {
-  return re || (re = 1, process.env.NODE_ENV === "production" ? D.exports = pe() : D.exports = ge()), D.exports;
-}
-var p = ve();
-const ne = ({
-  schema: r,
-  dataSource: b,
-  className: m,
-  onRowClick: g,
-  onCardClick: s,
-  ...i
-}) => {
-  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 (!(!b || !r.objectName))
-        try {
-          const n = await b.getObjectSchema(r.objectName);
-          a && T(n);
-        } catch (n) {
-          console.warn("Failed to fetch object def", n);
-        }
-    })(), () => {
-      a = !1;
-    };
-  }, [r.objectName, b]), H(() => {
-    let a = !0;
-    const v = async () => {
-      if (!(!b || !r.objectName)) {
-        a && N(!0);
-        try {
-          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})`), a && o(_);
-        } catch (n) {
-          console.error("[ObjectKanban] Fetch error:", n), a && j(n);
-        } finally {
-          a && N(!1);
-        }
-      }
-    };
-    return r.objectName && !k && !r.data && !i.data && v(), () => {
-      a = !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]);
-      }
-      !a && f.NAME_FIELD_KEY && (a = f.NAME_FIELD_KEY);
-    }
-    const v = a || "name";
-    return S.map((n) => ({
-      ...n,
-      // Ensure id exists
-      id: n.id || n._id,
-      // Map title
-      title: n[v] || n.title || "Untitled"
-    }));
-  }, [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((a) => ({
-            id: a,
-            title: a
-          }));
-      } else
-        return r.columns;
-    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 && 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, y, f]), Y = {
-    ...r,
-    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 m.map((o) => ({
-        ...o,
-        cards: [
-          ...o.cards || [],
-          // Preserve static cards
-          ...d[o.id] || []
-          // Add dynamic cards
-        ]
-      }));
-    }
-    return m;
-  }, [r]);
-  return /* @__PURE__ */ p.jsx(te, { fallback: /* @__PURE__ */ p.jsx(ae, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ p.jsx(
-    ye,
-    {
-      columns: b,
-      onCardMove: r.onCardMove,
-      onCardClick: r.onCardClick,
-      className: r.className
-    }
-  ) });
-};
-M.register(
-  "kanban-ui",
-  U,
-  {
-    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 ke = {
-  kanban: U,
-  "kanban-enhanced": oe,
-  "object-kanban": ne
-};
-M.register(
-  "kanban-enhanced",
-  ({ schema: r }) => {
-    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 m.map((d) => ({
-          ...d,
-          cards: [...d.cards || [], ...i[d.id] || []]
-        }));
-      }
-      return m;
-    }, [r]);
-    return /* @__PURE__ */ p.jsx(te, { fallback: /* @__PURE__ */ p.jsx(ae, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ p.jsx(
-      oe,
-      {
-        columns: b,
-        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 le = ({ schema: r, ...b }) => {
-  const { dataSource: m } = be() || {};
-  return /* @__PURE__ */ p.jsx(ne, { schema: r, dataSource: m, ...b });
-};
-M.register(
-  "object-kanban",
-  le,
-  {
-    namespace: "plugin-kanban",
-    label: "Object Kanban",
-    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" }
-    ]
-  }
-);
-export {
-  U as K,
-  ne as O,
-  le as a,
-  p as j,
-  ke as k
-};