@object-ui/plugin-kanban 3.0.3 → 3.1.0

package/dist/index-CyNcIIS1.js

@@ -0,0 +1,1077 @@
+import * as w from "react";
+import M, { useState as T, useEffect as ae, useMemo as V, forwardRef as fe, createElement as G, useCallback as E, Suspense as me } from "react";
+import { buildExpandFields as je, extractRecords as Ce, ComponentRegistry as B } from "@object-ui/core";
+import { useDataScope as Ee, useNavigationOverlay as _e, useSchemaContext as we } from "@object-ui/react";
+import { NavigationOverlay as Ne, Button as Q, Input as oe, Skeleton as pe } from "@object-ui/components";
+var Y = { exports: {} }, D = {};
+var se;
+function Te() {
+  if (se) return D;
+  se = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, i, a) {
+    var l = null;
+    if (a !== void 0 && (l = "" + a), i.key !== void 0 && (l = "" + i.key), "key" in i) {
+      a = {};
+      for (var s in i)
+        s !== "key" && (a[s] = i[s]);
+    } else a = i;
+    return i = a.ref, {
+      $$typeof: e,
+      type: o,
+      key: l,
+      ref: i !== void 0 ? i : null,
+      props: a
+    };
+  }
+  return D.Fragment = r, D.jsx = n, D.jsxs = n, D;
+}
+var F = {};
+var le;
+function Re() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === he ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case _:
+          return "Fragment";
+        case L:
+          return "Profiler";
+        case S:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case j:
+          return "SuspenseList";
+        case A:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case R:
+            return "Portal";
+          case P:
+            return t.displayName || "Context";
+          case K:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case q:
+            var f = t.render;
+            return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case v:
+            return f = t.displayName || null, f !== null ? f : e(t.type) || "Memo";
+          case N:
+            f = t._payload, t = t._init;
+            try {
+              return e(t(f));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var f = !1;
+      } catch {
+        f = !0;
+      }
+      if (f) {
+        f = console;
+        var y = f.error, k = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return y.call(
+          f,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          k
+        ), r(t);
+      }
+    }
+    function o(t) {
+      if (t === _) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === N)
+        return "<...>";
+      try {
+        var f = e(t);
+        return f ? "<" + f + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var t = z.A;
+      return t === null ? null : t.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function l(t) {
+      if (X.call(t, "key")) {
+        var f = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (f && f.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function s(t, f) {
+      function y() {
+        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)",
+          f
+        ));
+      }
+      y.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: y,
+        configurable: !0
+      });
+    }
+    function d() {
+      var t = e(this.type);
+      return ee[t] || (ee[t] = !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."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function p(t, f, y, k, I, J) {
+      var x = y.ref;
+      return t = {
+        $$typeof: C,
+        type: t,
+        key: f,
+        props: y,
+        _owner: k
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: I
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function g(t, f, y, k, I, J) {
+      var x = f.children;
+      if (x !== void 0)
+        if (k)
+          if (ke(x)) {
+            for (k = 0; k < x.length; k++)
+              c(x[k]);
+            Object.freeze && Object.freeze(x);
+          } 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(x);
+      if (X.call(f, "key")) {
+        x = e(t);
+        var O = Object.keys(f).filter(function(xe) {
+          return xe !== "key";
+        });
+        k = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", ne[x + k] || (O = 0 < O.length ? "{" + O.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} />`,
+          k,
+          x,
+          O,
+          x
+        ), ne[x + k] = !0);
+      }
+      if (x = null, y !== void 0 && (n(y), x = "" + y), l(f) && (n(f.key), x = "" + f.key), "key" in f) {
+        y = {};
+        for (var W in f)
+          W !== "key" && (y[W] = f[W]);
+      } else y = f;
+      return x && s(
+        y,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), p(
+        t,
+        x,
+        y,
+        i(),
+        I,
+        J
+      );
+    }
+    function c(t) {
+      m(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === N && (t._payload.status === "fulfilled" ? m(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function m(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === C;
+    }
+    var h = M, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), K = /* @__PURE__ */ Symbol.for("react.consumer"), P = /* @__PURE__ */ Symbol.for("react.context"), q = /* @__PURE__ */ Symbol.for("react.forward_ref"), b = /* @__PURE__ */ Symbol.for("react.suspense"), j = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), N = /* @__PURE__ */ Symbol.for("react.lazy"), A = /* @__PURE__ */ Symbol.for("react.activity"), he = /* @__PURE__ */ Symbol.for("react.client.reference"), z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, ke = Array.isArray, U = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    h = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var Z, ee = {}, te = h.react_stack_bottom_frame.bind(
+      h,
+      a
+    )(), re = U(o(a)), ne = {};
+    F.Fragment = _, F.jsx = function(t, f, y) {
+      var k = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return g(
+        t,
+        f,
+        y,
+        !1,
+        k ? Error("react-stack-top-frame") : te,
+        k ? U(o(t)) : re
+      );
+    }, F.jsxs = function(t, f, y) {
+      var k = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return g(
+        t,
+        f,
+        y,
+        !0,
+        k ? Error("react-stack-top-frame") : te,
+        k ? U(o(t)) : re
+      );
+    };
+  })()), F;
+}
+var ie;
+function Ae() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? Y.exports = Te() : Y.exports = Re()), Y.exports;
+}
+var u = Ae();
+const be = ({
+  schema: e,
+  dataSource: r,
+  className: n,
+  onRowClick: o,
+  onCardClick: i,
+  ...a
+}) => {
+  const [l, s] = T([]), [d, p] = T(null), [g, c] = T(!1), [m, h] = T(null), C = Ee(e.bind);
+  ae(() => {
+    let b = !0;
+    return (async () => {
+      if (!(!r || !e.objectName))
+        try {
+          const v = await r.getObjectSchema(e.objectName);
+          b && p(v);
+        } catch (v) {
+          console.warn("Failed to fetch object def", v);
+        }
+    })(), () => {
+      b = !1;
+    };
+  }, [e.objectName, r]), ae(() => {
+    let b = !0;
+    const j = async () => {
+      if (!(!r || typeof r.find != "function" || !e.objectName)) {
+        b && c(!0);
+        try {
+          const v = je(d?.fields), N = await r.find(e.objectName, {
+            options: { $top: 100 },
+            $filter: e.filter,
+            ...v.length > 0 ? { $expand: v } : {}
+          }), A = Ce(N);
+          console.log(`[ObjectKanban] Extracted data (length: ${A.length})`), b && s(A);
+        } catch (v) {
+          console.error("[ObjectKanban] Fetch error:", v), b && h(v);
+        } finally {
+          b && c(!1);
+        }
+      }
+    };
+    return e.objectName && !C && !e.data && !a.data && j(), () => {
+      b = !1;
+    };
+  }, [e.objectName, r, C, e.data, e.filter, a.data, d]);
+  const R = a.data || C || e.data || l, _ = V(() => {
+    if (!Array.isArray(R)) return [];
+    let b = e.cardTitle || e.titleField;
+    if (!b && d) {
+      if (d.titleFormat) {
+        const v = /\{(.+?)\}/.exec(d.titleFormat);
+        v && (b = v[1]);
+      }
+      !b && d.NAME_FIELD_KEY && (b = d.NAME_FIELD_KEY);
+    }
+    const j = ["name", "title", "subject", "label", "display_name"];
+    return R.map((v) => {
+      let N = b ? v[b] : void 0;
+      if (!N) {
+        for (const A of j)
+          if (v[A]) {
+            N = v[A];
+            break;
+          }
+      }
+      return {
+        ...v,
+        // Ensure id exists
+        id: v.id || v._id,
+        // Map title
+        title: N || "Untitled"
+      };
+    });
+  }, [R, e, d]), S = V(() => {
+    if (e.columns && e.columns.length > 0)
+      if (typeof e.columns[0] == "string") {
+        if (!e.groupBy)
+          return e.columns.map((b) => ({
+            id: b,
+            title: b
+          }));
+      } else
+        return e.columns;
+    if (e.groupBy && d?.fields?.[e.groupBy]?.options)
+      return d.fields[e.groupBy].options.map((b) => ({
+        id: b.value,
+        title: b.label
+      }));
+    if (e.groupBy && _.length > 0) {
+      const b = new Set(_.map((j) => j[e.groupBy]));
+      return Array.from(b).map((j) => ({
+        id: String(j),
+        title: String(j)
+      }));
+    }
+    return [];
+  }, [e.columns, e.groupBy, _, d]), L = e.swimlaneField || e.grouping?.fields?.[0]?.field, K = {
+    ...e,
+    data: _,
+    columns: S,
+    className: n || e.className,
+    ...L ? { swimlaneField: L } : {}
+  }, P = _e({
+    navigation: e.navigation,
+    objectName: e.objectName,
+    onRowClick: o ?? i
+  });
+  if (m)
+    return /* @__PURE__ */ u.jsxs("div", { className: "p-4 border border-destructive/50 rounded bg-destructive/10 text-destructive", children: [
+      "Error loading kanban data: ",
+      m.message
+    ] });
+  const q = e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1).replace(/_/g, " ")} Detail` : "Card Details";
+  return /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+    /* @__PURE__ */ u.jsx(H, { schema: {
+      ...K,
+      onCardClick: (b) => {
+        P.handleClick(b), i?.(b);
+      }
+    } }),
+    P.isOverlay && /* @__PURE__ */ u.jsx(Ne, { ...P, title: q, children: (b) => /* @__PURE__ */ u.jsx("div", { className: "space-y-3", children: Object.entries(b).map(([j, v]) => /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ u.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: j.replace(/_/g, " ") }),
+      /* @__PURE__ */ u.jsx("span", { className: "text-sm", children: String(v ?? "—") })
+    ] }, j)) }) })
+  ] });
+};
+const ge = (...e) => e.filter((r, n, o) => !!r && r.trim() !== "" && o.indexOf(r) === n).join(" ").trim();
+const Se = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Oe = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (r, n, o) => o ? o.toUpperCase() : n.toLowerCase()
+);
+const ce = (e) => {
+  const r = Oe(e);
+  return r.charAt(0).toUpperCase() + r.slice(1);
+};
+var Pe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const De = (e) => {
+  for (const r in e)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
+      return !0;
+  return !1;
+};
+const Fe = fe(
+  ({
+    color: e = "currentColor",
+    size: r = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: o,
+    className: i = "",
+    children: a,
+    iconNode: l,
+    ...s
+  }, d) => G(
+    "svg",
+    {
+      ref: d,
+      ...Pe,
+      width: r,
+      height: r,
+      stroke: e,
+      strokeWidth: o ? Number(n) * 24 / Number(r) : n,
+      className: ge("lucide", i),
+      ...!a && !De(s) && { "aria-hidden": "true" },
+      ...s
+    },
+    [
+      ...l.map(([p, g]) => G(p, g)),
+      ...Array.isArray(a) ? a : [a]
+    ]
+  )
+);
+const $ = (e, r) => {
+  const n = fe(
+    ({ className: o, ...i }, a) => G(Fe, {
+      ref: a,
+      iconNode: r,
+      className: ge(
+        `lucide-${Se(ce(e))}`,
+        `lucide-${e}`,
+        o
+      ),
+      ...i
+    })
+  );
+  return n.displayName = ce(e), n;
+};
+const Me = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], $e = $("check", Me);
+const Le = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ie = $("chevron-down", Le);
+const Ye = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], Ve = $("file-text", Ye);
+const Be = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], ue = $("plus", Be);
+const Ke = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], qe = $("x", Ke), ze = (...e) => e.filter(Boolean).join(" "), rt = ({
+  columnId: e,
+  fields: r,
+  onSubmit: n,
+  onCancel: o,
+  defaultValues: i
+}) => {
+  const [a, l] = w.useState(() => {
+    const c = {};
+    for (const m of r)
+      c[m.name] = i?.[m.name] ?? m.defaultValue ?? "";
+    return c;
+  }), s = w.useRef(null);
+  w.useEffect(() => {
+    const c = setTimeout(() => s.current?.focus(), 0);
+    return () => clearTimeout(c);
+  }, []);
+  const d = w.useCallback((c, m) => {
+    l((h) => ({ ...h, [c]: m }));
+  }, []), p = w.useCallback(() => {
+    Object.values(a).some(
+      (m) => typeof m == "string" ? m.trim().length > 0 : m != null
+    ) && n(e, a);
+  }, [e, a, n]), g = w.useCallback(
+    (c) => {
+      c.key === "Enter" ? (c.preventDefault(), p()) : c.key === "Escape" && (c.preventDefault(), o());
+    },
+    [p, o]
+  );
+  return /* @__PURE__ */ u.jsxs(
+    "div",
+    {
+      className: "mt-2 rounded-lg border border-primary/30 bg-card p-3 space-y-2 shadow-sm",
+      onKeyDown: g,
+      role: "form",
+      "aria-label": "Quick add card",
+      children: [
+        r.map((c, m) => /* @__PURE__ */ u.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ u.jsx(
+            "label",
+            {
+              htmlFor: `qa-${e}-${c.name}`,
+              className: "text-xs font-mono text-muted-foreground",
+              children: c.label ?? c.name
+            }
+          ),
+          Ue(c, a[c.name], d, m === 0 ? s : void 0, `qa-${e}-${c.name}`)
+        ] }, c.name)),
+        /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 pt-1", children: [
+          /* @__PURE__ */ u.jsxs(
+            Q,
+            {
+              type: "button",
+              size: "sm",
+              className: "h-7 text-xs gap-1",
+              onClick: p,
+              children: [
+                /* @__PURE__ */ u.jsx($e, { className: "h-3 w-3" }),
+                "Save"
+              ]
+            }
+          ),
+          /* @__PURE__ */ u.jsxs(
+            Q,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-7 text-xs gap-1",
+              onClick: o,
+              children: [
+                /* @__PURE__ */ u.jsx(qe, { className: "h-3 w-3" }),
+                "Cancel"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+function Ue(e, r, n, o, i) {
+  const a = "text-sm h-8";
+  switch (e.type) {
+    case "select":
+      return /* @__PURE__ */ u.jsxs(
+        "select",
+        {
+          ref: o,
+          id: i,
+          value: r ?? "",
+          onChange: (l) => n(e.name, l.target.value),
+          className: ze(
+            a,
+            "w-full rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          ),
+          children: [
+            /* @__PURE__ */ u.jsx("option", { value: "", children: e.placeholder ?? `Select ${e.label ?? e.name}...` }),
+            (e.options ?? []).map((l) => /* @__PURE__ */ u.jsx("option", { value: l.value, children: l.label }, l.value))
+          ]
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ u.jsx(
+        oe,
+        {
+          ref: o,
+          id: i,
+          type: "number",
+          value: r ?? "",
+          onChange: (l) => n(e.name, l.target.value === "" ? "" : Number(l.target.value)),
+          placeholder: e.placeholder ?? `Enter ${e.label ?? e.name}...`,
+          className: a
+        }
+      );
+    default:
+      return /* @__PURE__ */ u.jsx(
+        oe,
+        {
+          ref: o,
+          id: i,
+          type: "text",
+          value: r ?? "",
+          onChange: (l) => n(e.name, l.target.value),
+          placeholder: e.placeholder ?? `Enter ${e.label ?? e.name}...`,
+          className: a
+        }
+      );
+  }
+}
+const Je = (...e) => e.filter(Boolean).join(" "), nt = ({
+  templates: e,
+  onSelect: r,
+  columnId: n
+}) => {
+  const [o, i] = w.useState(!1), a = w.useRef(null);
+  w.useEffect(() => {
+    if (!o) return;
+    const s = (d) => {
+      a.current && !a.current.contains(d.target) && i(!1);
+    };
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [o]);
+  const l = w.useCallback(
+    (s) => {
+      s.key === "Escape" && i(!1);
+    },
+    []
+  );
+  return /* @__PURE__ */ u.jsxs("div", { ref: a, className: "relative", onKeyDown: l, children: [
+    /* @__PURE__ */ u.jsxs(
+      Q,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "w-full mt-2 text-muted-foreground hover:text-foreground gap-1",
+        onClick: () => i((s) => !s),
+        "aria-haspopup": "listbox",
+        "aria-expanded": o,
+        "aria-label": `Add card to ${n}`,
+        children: [
+          /* @__PURE__ */ u.jsx(ue, { className: "h-4 w-4" }),
+          "Add Card",
+          /* @__PURE__ */ u.jsx(Ie, { className: Je("h-3 w-3 transition-transform", o ? "rotate-180" : "") })
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ u.jsxs(
+      "div",
+      {
+        className: "absolute z-50 mt-1 w-full rounded-md border border-border bg-popover p-1 shadow-md",
+        role: "listbox",
+        "aria-label": "Card templates",
+        children: [
+          /* @__PURE__ */ u.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground transition-colors",
+              role: "option",
+              "aria-selected": !1,
+              onClick: () => {
+                r(null), i(!1);
+              },
+              children: [
+                /* @__PURE__ */ u.jsx(ue, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ u.jsx("span", { className: "font-mono text-xs", children: "Custom" })
+              ]
+            }
+          ),
+          e.length > 0 && /* @__PURE__ */ u.jsx("div", { className: "my-1 h-px bg-border", role: "separator" }),
+          e.map((s) => /* @__PURE__ */ u.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground transition-colors",
+              role: "option",
+              "aria-selected": !1,
+              onClick: () => {
+                r(s), i(!1);
+              },
+              children: [
+                /* @__PURE__ */ u.jsx(Ve, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ u.jsx("span", { className: "font-mono text-xs truncate", children: s.name })
+              ]
+            },
+            s.id
+          ))
+        ]
+      }
+    )
+  ] });
+}, de = "objectui:kanban-column-widths";
+function We(e) {
+  try {
+    const r = localStorage.getItem(e);
+    if (r) {
+      const n = JSON.parse(r);
+      if (n && typeof n == "object" && !Array.isArray(n))
+        return n;
+    }
+  } catch {
+  }
+  return {};
+}
+function Ge(e, r) {
+  try {
+    localStorage.setItem(e, JSON.stringify(r));
+  } catch {
+  }
+}
+function at({
+  columns: e,
+  defaultWidth: r = 320,
+  minWidth: n = 200,
+  maxWidth: o = 600,
+  storageKey: i
+}) {
+  const a = i ? `${de}:${i}` : de, [l, s] = T(
+    () => We(a)
+  ), d = E(
+    (h) => Math.max(n, Math.min(o, h)),
+    [n, o]
+  ), p = E(
+    (h) => {
+      const C = l[h];
+      return C != null ? d(C) : r;
+    },
+    [l, r, d]
+  ), g = E(
+    (h, C) => {
+      const R = d(C);
+      s((_) => {
+        const S = { ..._, [h]: R };
+        return Ge(a, S), S;
+      });
+    },
+    [d, a]
+  ), c = E(() => {
+    s({});
+    try {
+      localStorage.removeItem(a);
+    } catch {
+    }
+  }, [a]), m = V(
+    () => ({
+      defaultWidth: r,
+      minWidth: n,
+      maxWidth: o,
+      overrides: { ...l }
+    }),
+    [r, n, o, l]
+  );
+  return { getColumnWidth: p, setColumnWidth: g, resetWidths: c, config: m };
+}
+function ot({
+  swimlanes: e,
+  onCardMove: r
+}) {
+  const [n, o] = T(null), i = V(() => {
+    const g = /* @__PURE__ */ new Map();
+    for (const c of e)
+      g.set(c.id, c);
+    return g;
+  }, [e]), a = E(
+    (g, c) => {
+      if (g === c) return !0;
+      const m = i.get(c);
+      return m ? m.acceptFrom ? m.acceptFrom.includes(g) : !0 : !1;
+    },
+    [i]
+  ), l = E(
+    (g, c, m, h) => a(c, m) ? (r?.({ cardId: g, fromSwimlane: c, toSwimlane: m, columnId: h }), o(null), !0) : !1,
+    [a, r]
+  ), s = E((g) => {
+    o(g);
+  }, []), d = E(() => {
+    o(null);
+  }, []);
+  return {
+    handleCrossSwimlaneMove: l,
+    isDraggingAcrossSwimlanes: n !== null,
+    startCrossSwimlaneDrag: s,
+    endCrossSwimlaneDrag: d,
+    canMoveTo: a
+  };
+}
+function st({
+  cards: e,
+  onReorderComplete: r
+}) {
+  const [n, o] = T(e), [i, a] = T(!1);
+  !Qe(n, e) && !i && o(e);
+  const l = E(() => {
+    o(e), a(!1);
+  }, [e]), s = E(
+    (g, c) => {
+      o((m) => {
+        if (g < 0 || c < 0 || g >= m.length || c >= m.length)
+          return m;
+        const h = [...m], [C] = h.splice(g, 1);
+        return h.splice(c, 0, C), h;
+      });
+    },
+    []
+  ), d = E(() => {
+    a(!0);
+  }, []), p = E(() => {
+    a(!1), o((g) => (r?.(g), g));
+  }, [r]);
+  return {
+    reorderedCards: n,
+    onReorder: s,
+    isDragging: i,
+    startDrag: d,
+    endDrag: p,
+    reset: l
+  };
+}
+function Qe(e, r) {
+  if (e.length !== r.length) return !1;
+  for (let n = 0; n < e.length; n++)
+    if (e[n].id !== r[n].id) return !1;
+  return !0;
+}
+const He = M.lazy(() => import("./KanbanImpl-4dgoNPtI.js")), ve = M.lazy(() => import("./KanbanEnhanced-CXDSLlGR.js")), H = ({ schema: e }) => {
+  const r = M.useMemo(() => {
+    const { columns: n = [], data: o, groupBy: i, coverImageField: a } = e, l = (s) => {
+      if (!a) return s;
+      const d = s[a];
+      if (!d) return s;
+      const p = typeof d == "string" ? d : d?.url;
+      return p ? { ...s, coverImage: p } : s;
+    };
+    if (o && i && Array.isArray(o)) {
+      const s = {};
+      n.forEach((p) => {
+        p.id && (s[String(p.id).toLowerCase()] = p.id), p.title && (s[String(p.title).toLowerCase()] = p.id);
+      });
+      const d = o.reduce((p, g) => {
+        const c = String(g[i] ?? ""), m = s[c.toLowerCase()] ?? c;
+        return p[m] || (p[m] = []), p[m].push(l(g)), p;
+      }, {});
+      return n.map((p) => ({
+        ...p,
+        cards: [
+          ...(p.cards || []).map(l),
+          // Preserve static cards
+          ...d[p.id] || []
+          // Add dynamic cards
+        ]
+      }));
+    }
+    return n.map((s) => ({
+      ...s,
+      cards: (s.cards || []).map(l)
+    }));
+  }, [e]);
+  return /* @__PURE__ */ u.jsx(me, { fallback: /* @__PURE__ */ u.jsx(pe, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ u.jsx(
+    He,
+    {
+      columns: r,
+      onCardMove: e.onCardMove,
+      onCardClick: e.onCardClick,
+      className: e.className,
+      quickAdd: e.quickAdd,
+      onQuickAdd: e.onQuickAdd,
+      coverImageField: e.coverImageField,
+      conditionalFormatting: e.conditionalFormatting,
+      swimlaneField: e.swimlaneField
+    }
+  ) });
+};
+B.register(
+  "kanban-ui",
+  H,
+  {
+    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 lt = {
+  kanban: H,
+  "kanban-enhanced": ve,
+  "object-kanban": be
+};
+B.register(
+  "kanban-enhanced",
+  ({ schema: e }) => {
+    const r = M.useMemo(() => {
+      const { columns: n = [], data: o, groupBy: i } = e;
+      if (o && i && Array.isArray(o)) {
+        const a = o.reduce((l, s) => {
+          const d = s[i];
+          return l[d] || (l[d] = []), l[d].push(s), l;
+        }, {});
+        return n.map((l) => ({
+          ...l,
+          cards: [...l.cards || [], ...a[l.id] || []]
+        }));
+      }
+      return n;
+    }, [e]);
+    return /* @__PURE__ */ u.jsx(me, { fallback: /* @__PURE__ */ u.jsx(pe, { className: "w-full h-[600px]" }), children: /* @__PURE__ */ u.jsx(
+      ve,
+      {
+        columns: r,
+        onCardMove: e.onCardMove,
+        onColumnToggle: e.onColumnToggle,
+        enableVirtualScrolling: e.enableVirtualScrolling,
+        virtualScrollThreshold: e.virtualScrollThreshold,
+        className: e.className,
+        quickAdd: e.quickAdd,
+        onQuickAdd: e.onQuickAdd,
+        conditionalFormatting: e.conditionalFormatting
+      }
+    ) });
+  },
+  {
+    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 ye = ({ schema: e, ...r }) => {
+  const { dataSource: n } = we() || {};
+  return /* @__PURE__ */ u.jsx(be, { schema: e, dataSource: n, ...r });
+};
+B.register(
+  "object-kanban",
+  ye,
+  {
+    namespace: "plugin-kanban",
+    label: "Object Kanban",
+    category: "view",
+    inputs: [
+      { name: "objectName", type: "string", label: "Object Name", required: !0 },
+      { name: "columns", type: "array", label: "Columns" }
+    ]
+  }
+);
+B.register(
+  "kanban",
+  ye,
+  {
+    namespace: "view",
+    label: "Kanban Board",
+    category: "view",
+    inputs: [
+      { name: "objectName", type: "string", label: "Object Name", required: !0 },
+      { name: "columns", type: "array", label: "Columns" }
+    ]
+  }
+);
+export {
+  Ie as C,
+  rt as I,
+  H as K,
+  be as O,
+  ue as P,
+  nt as a,
+  ye as b,
+  $ as c,
+  ot as d,
+  st as e,
+  u as j,
+  lt as k,
+  at as u
+};