@object-ui/plugin-gantt 0.3.0

package/dist/index.js

@@ -0,0 +1,504 @@
+import ne, { useState as M, useEffect as Z, useMemo as z } from "react";
+import { ComponentRegistry as ae } from "@object-ui/core";
+var $ = { exports: {} }, D = {};
+var K;
+function se() {
+  if (K) return D;
+  K = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
+  function f(g, m, b) {
+    var E = null;
+    if (b !== void 0 && (E = "" + b), m.key !== void 0 && (E = "" + m.key), "key" in m) {
+      b = {};
+      for (var x in m)
+        x !== "key" && (b[x] = m[x]);
+    } else b = m;
+    return m = b.ref, {
+      $$typeof: t,
+      type: g,
+      key: E,
+      ref: m !== void 0 ? m : null,
+      props: b
+    };
+  }
+  return D.Fragment = u, D.jsx = f, D.jsxs = f, D;
+}
+var O = {};
+var ee;
+function oe() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === k ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case j:
+          return "Fragment";
+        case L:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case d:
+          return "Suspense";
+        case i:
+          return "SuspenseList";
+        case W:
+          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 y:
+            return "Portal";
+          case n:
+            return e.displayName || "Context";
+          case G:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case s:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case T:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case p:
+            r = e._payload, e = e._init;
+            try {
+              return t(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function u(e) {
+      return "" + e;
+    }
+    function f(e) {
+      try {
+        u(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var o = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          l
+        ), u(e);
+      }
+    }
+    function g(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === p)
+        return "<...>";
+      try {
+        var r = t(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function m() {
+      var e = R.A;
+      return e === null ? null : e.getOwner();
+    }
+    function b() {
+      return Error("react-stack-top-frame");
+    }
+    function E(e) {
+      if (F.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function x(e, r) {
+      function o() {
+        V || (V = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
+        configurable: !0
+      });
+    }
+    function A() {
+      var e = t(this.type);
+      return X[e] || (X[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 Y(e, r, o, l, C, J) {
+      var c = o.ref;
+      return e = {
+        $$typeof: _,
+        type: e,
+        key: r,
+        props: o,
+        _owner: l
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: A
+      }) : 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: C
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function I(e, r, o, l, C, J) {
+      var c = r.children;
+      if (c !== void 0)
+        if (l)
+          if (q(c)) {
+            for (l = 0; l < c.length; l++)
+              S(c[l]);
+            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 S(c);
+      if (F.call(r, "key")) {
+        c = t(e);
+        var w = Object.keys(r).filter(function(re) {
+          return re !== "key";
+        });
+        l = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", Q[c + l] || (w = 0 < w.length ? "{" + w.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} />`,
+          l,
+          c,
+          w,
+          c
+        ), Q[c + l] = !0);
+      }
+      if (c = null, o !== void 0 && (f(o), c = "" + o), E(r) && (f(r.key), c = "" + r.key), "key" in r) {
+        o = {};
+        for (var U in r)
+          U !== "key" && (o[U] = r[U]);
+      } else o = r;
+      return c && x(
+        o,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), Y(
+        e,
+        c,
+        o,
+        m(),
+        C,
+        J
+      );
+    }
+    function S(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === p && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    var h = ne, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), G = /* @__PURE__ */ Symbol.for("react.consumer"), n = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), i = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), W = /* @__PURE__ */ Symbol.for("react.activity"), k = /* @__PURE__ */ Symbol.for("react.client.reference"), R = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, q = Array.isArray, N = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    h = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var V, X = {}, B = h.react_stack_bottom_frame.bind(
+      h,
+      b
+    )(), H = N(g(b)), Q = {};
+    O.Fragment = j, O.jsx = function(e, r, o) {
+      var l = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return I(
+        e,
+        r,
+        o,
+        !1,
+        l ? Error("react-stack-top-frame") : B,
+        l ? N(g(e)) : H
+      );
+    }, O.jsxs = function(e, r, o) {
+      var l = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return I(
+        e,
+        r,
+        o,
+        !0,
+        l ? Error("react-stack-top-frame") : B,
+        l ? N(g(e)) : H
+      );
+    };
+  })()), O;
+}
+var te;
+function ie() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? $.exports = se() : $.exports = oe()), $.exports;
+}
+var a = ie();
+function le(t) {
+  return t.data ? t.data : t.staticData ? {
+    provider: "value",
+    items: t.staticData
+  } : t.objectName ? {
+    provider: "object",
+    object: t.objectName
+  } : null;
+}
+function ce(t) {
+  if (t) {
+    if (typeof t == "string") {
+      const u = t.split(" "), f = u[0], g = u[1]?.toLowerCase() === "desc" ? "desc" : "asc";
+      return { [f]: g };
+    }
+    if (Array.isArray(t))
+      return t.reduce((u, f) => (f.field && f.order && (u[f.field] = f.order), u), {});
+  }
+}
+function ue(t) {
+  return t.filter && typeof t.filter == "object" && "gantt" in t.filter ? t.filter.gantt : t.gantt ? t.gantt : null;
+}
+const de = ({
+  schema: t,
+  dataSource: u,
+  className: f,
+  onTaskClick: g
+}) => {
+  const [m, b] = M([]), [E, x] = M(!0), [A, Y] = M(null), [I, S] = M(null), v = le(t), h = ue(t), _ = v?.provider === "value";
+  Z(() => {
+    (async () => {
+      try {
+        if (x(!0), _ && v?.provider === "value") {
+          b(v.items), x(!1);
+          return;
+        }
+        if (!u)
+          throw new Error("DataSource required for object/api providers");
+        if (v?.provider === "object") {
+          const s = v.object, d = await u.find(s, {
+            $filter: t.filter,
+            $orderby: ce(t.sort)
+          });
+          b(d?.data || []);
+        } else v?.provider === "api" && (console.warn("API provider not yet implemented for ObjectGantt"), b([]));
+        x(!1);
+      } catch (s) {
+        Y(s), x(!1);
+      }
+    })();
+  }, [v, u, _, t.filter, t.sort]), Z(() => {
+    !_ && u && (async () => {
+      try {
+        if (!u) return;
+        const s = v?.provider === "object" ? v.object : t.objectName;
+        if (!s) return;
+        const d = await u.getObjectSchema(s);
+        S(d);
+      } catch (s) {
+        console.error("Failed to fetch object schema:", s);
+      }
+    })();
+  }, [t.objectName, u, _, v]);
+  const y = z(() => {
+    if (!h || !m.length)
+      return [];
+    const { startDateField: n, endDateField: s, titleField: d, progressField: i, dependenciesField: T } = h;
+    return m.map((p, W) => {
+      const k = p[n], R = p[s], F = p[d] || "Untitled Task", q = i ? p[i] : 0, N = T ? p[T] : [];
+      return {
+        id: p.id || p._id || `task-${W}`,
+        title: F,
+        start: k ? new Date(k) : /* @__PURE__ */ new Date(),
+        end: R ? new Date(R) : /* @__PURE__ */ new Date(),
+        progress: Math.min(100, Math.max(0, q || 0)),
+        // Clamp between 0-100
+        dependencies: Array.isArray(N) ? N : [],
+        data: p
+      };
+    }).filter((p) => !isNaN(p.start.getTime()) && !isNaN(p.end.getTime()));
+  }, [m, h]), j = z(() => {
+    if (!y.length) {
+      const i = /* @__PURE__ */ new Date();
+      return {
+        start: new Date(i.getFullYear(), i.getMonth(), 1),
+        end: new Date(i.getFullYear(), i.getMonth() + 3, 0)
+      };
+    }
+    const n = y.flatMap((i) => [i.start, i.end]), s = new Date(Math.min(...n.map((i) => i.getTime()))), d = new Date(Math.max(...n.map((i) => i.getTime())));
+    return s.setDate(s.getDate() - 7), d.setDate(d.getDate() + 7), { start: s, end: d };
+  }, [y]), P = z(() => {
+    const n = [], s = new Date(j.start);
+    for (s.setDate(1); s <= j.end; )
+      n.push(new Date(s)), s.setMonth(s.getMonth() + 1);
+    return n;
+  }, [j]), L = (n) => {
+    const s = (j.end.getTime() - j.start.getTime()) / 864e5, d = (n.start.getTime() - j.start.getTime()) / (1e3 * 60 * 60 * 24), i = (n.end.getTime() - n.start.getTime()) / (1e3 * 60 * 60 * 24);
+    return {
+      left: `${d / s * 100}%`,
+      width: `${i / s * 100}%`
+    };
+  };
+  if (E)
+    return /* @__PURE__ */ a.jsx("div", { className: f, children: /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ a.jsx("div", { className: "text-muted-foreground", children: "Loading Gantt chart..." }) }) });
+  if (A)
+    return /* @__PURE__ */ a.jsx("div", { className: f, children: /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ a.jsxs("div", { className: "text-destructive", children: [
+      "Error: ",
+      A.message
+    ] }) }) });
+  if (!h)
+    return /* @__PURE__ */ a.jsx("div", { className: f, children: /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ a.jsx("div", { className: "text-muted-foreground", children: "Gantt configuration required. Please specify startDateField, endDateField, and titleField." }) }) });
+  const G = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ];
+  return /* @__PURE__ */ a.jsx("div", { className: f, children: /* @__PURE__ */ a.jsx("div", { className: "border rounded-lg bg-background overflow-hidden", children: /* @__PURE__ */ a.jsxs("div", { className: "flex", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "w-64 border-r flex-shrink-0", children: [
+      /* @__PURE__ */ a.jsx("div", { className: "border-b p-3 font-semibold bg-muted", children: "Tasks" }),
+      /* @__PURE__ */ a.jsx("div", { children: y.map((n) => /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          className: "border-b p-3 hover:bg-muted/50 cursor-pointer",
+          onClick: () => g?.(n.data),
+          children: [
+            /* @__PURE__ */ a.jsx("div", { className: "font-medium text-sm truncate", children: n.title }),
+            /* @__PURE__ */ a.jsxs("div", { className: "text-xs text-muted-foreground mt-1", children: [
+              n.start.toLocaleDateString(),
+              " - ",
+              n.end.toLocaleDateString()
+            ] }),
+            n.progress > 0 && /* @__PURE__ */ a.jsxs("div", { className: "mt-2", children: [
+              /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between text-xs mb-1", children: [
+                /* @__PURE__ */ a.jsx("span", { children: "Progress" }),
+                /* @__PURE__ */ a.jsxs("span", { children: [
+                  n.progress,
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ a.jsx("div", { className: "h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ a.jsx(
+                "div",
+                {
+                  className: "h-full bg-primary",
+                  style: { width: `${n.progress}%` }
+                }
+              ) })
+            ] })
+          ]
+        },
+        n.id
+      )) })
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { className: "flex-1 overflow-x-auto", children: [
+      /* @__PURE__ */ a.jsx("div", { className: "border-b bg-muted sticky top-0 z-10", children: /* @__PURE__ */ a.jsx("div", { className: "flex", children: P.map((n, s) => {
+        const d = new Date(
+          n.getFullYear(),
+          n.getMonth() + 1,
+          0
+        ).getDate();
+        return /* @__PURE__ */ a.jsxs(
+          "div",
+          {
+            className: "border-r p-3 text-center font-semibold text-sm",
+            style: { minWidth: `${d * 20}px` },
+            children: [
+              G[n.getMonth()],
+              " ",
+              n.getFullYear()
+            ]
+          },
+          s
+        );
+      }) }) }),
+      /* @__PURE__ */ a.jsx("div", { className: "relative", children: y.map((n) => {
+        const s = L(n);
+        return /* @__PURE__ */ a.jsxs(
+          "div",
+          {
+            className: "border-b relative",
+            style: { height: "60px" },
+            children: [
+              /* @__PURE__ */ a.jsx("div", { className: "absolute inset-0 flex pointer-events-none", children: P.map((d, i) => {
+                const T = new Date(
+                  d.getFullYear(),
+                  d.getMonth() + 1,
+                  0
+                ).getDate();
+                return /* @__PURE__ */ a.jsx(
+                  "div",
+                  {
+                    className: "border-r",
+                    style: { minWidth: `${T * 20}px` }
+                  },
+                  i
+                );
+              }) }),
+              /* @__PURE__ */ a.jsxs(
+                "div",
+                {
+                  className: "absolute top-1/2 -translate-y-1/2 h-8 bg-primary/80 rounded cursor-pointer hover:bg-primary transition-colors flex items-center px-2 text-white text-xs font-medium overflow-hidden",
+                  style: s,
+                  onClick: () => g?.(n.data),
+                  children: [
+                    n.progress > 0 && /* @__PURE__ */ a.jsx(
+                      "div",
+                      {
+                        className: "absolute inset-0 bg-primary-foreground/20",
+                        style: { width: `${n.progress}%` }
+                      }
+                    ),
+                    /* @__PURE__ */ a.jsx("span", { className: "relative z-10 truncate", children: n.title })
+                  ]
+                }
+              )
+            ]
+          },
+          n.id
+        );
+      }) })
+    ] })
+  ] }) }) });
+}, fe = ({ schema: t }) => /* @__PURE__ */ a.jsx(de, { schema: t, dataSource: null });
+ae.register("object-gantt", fe, {
+  label: "Object Gantt",
+  category: "plugin",
+  inputs: [
+    { name: "objectName", type: "string", label: "Object Name", required: !0 },
+    { name: "gantt", type: "object", label: "Gantt Config", description: "startDateField, endDateField, titleField, progressField, dependenciesField" }
+  ]
+});
+export {
+  de as ObjectGantt
+};

package/dist/index.umd.cjs

@@ -0,0 +1,6 @@
+(function(y,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react"),require("@object-ui/core")):typeof define=="function"&&define.amd?define(["exports","react","@object-ui/core"],b):(y=typeof globalThis<"u"?globalThis:y||self,b(y.ObjectUIPluginGantt={},y.React,y.ObjectUICore))})(this,(function(y,b,re){"use strict";var P={exports:{}},S={};var X;function ne(){if(X)return S;X=1;var t=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function f(j,m,v){var _=null;if(v!==void 0&&(_=""+v),m.key!==void 0&&(_=""+m.key),"key"in m){v={};for(var x in m)x!=="key"&&(v[x]=m[x])}else v=m;return m=v.ref,{$$typeof:t,type:j,key:_,ref:m!==void 0?m:null,props:v}}return S.Fragment=u,S.jsx=f,S.jsxs=f,S}var A={};var q;function ae(){return q||(q=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===M?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case U:return"Profiler";case C:return"StrictMode";case d:return"Suspense";case i:return"SuspenseList";case J: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 R:return"Portal";case a:return e.displayName||"Context";case W:return(e._context.displayName||"Context")+".Consumer";case s:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case N:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case p:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function u(e){return""+e}function f(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),u(e)}}function j(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===p)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function m(){var e=w.A;return e===null?null:e.getOwner()}function v(){return Error("react-stack-top-frame")}function _(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function x(e,r){function o(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function k(){var e=t(this.type);return Z[e]||(Z[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 G(e,r,o,l,I,V){var c=o.ref;return e={$$typeof:T,type:e,key:r,props:o,_owner:l},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:k}):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:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function L(e,r,o,l,I,V){var c=r.children;if(c!==void 0)if(l)if(z(c)){for(l=0;l<c.length;l++)F(c[l]);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 F(c);if(Y.call(r,"key")){c=t(e);var O=Object.keys(r).filter(function(ue){return ue!=="key"});l=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",te[c+l]||(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} />`,l,c,O,c),te[c+l]=!0)}if(c=null,o!==void 0&&(f(o),c=""+o),_(r)&&(f(r.key),c=""+r.key),"key"in r){o={};for(var $ in r)$!=="key"&&(o[$]=r[$])}else o=r;return c&&x(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,c,o,m(),I,V)}function F(e){g(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===p&&(e._payload.status==="fulfilled"?g(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function g(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}var E=b,T=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),U=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),a=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),i=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),J=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),w=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,z=Array.isArray,D=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var Q,Z={},K=E.react_stack_bottom_frame.bind(E,v)(),ee=D(j(v)),te={};A.Fragment=h,A.jsx=function(e,r,o){var l=1e4>w.recentlyCreatedOwnerStacks++;return L(e,r,o,!1,l?Error("react-stack-top-frame"):K,l?D(j(e)):ee)},A.jsxs=function(e,r,o){var l=1e4>w.recentlyCreatedOwnerStacks++;return L(e,r,o,!0,l?Error("react-stack-top-frame"):K,l?D(j(e)):ee)}})()),A}var B;function se(){return B||(B=1,process.env.NODE_ENV==="production"?P.exports=ne():P.exports=ae()),P.exports}var n=se();function oe(t){return t.data?t.data:t.staticData?{provider:"value",items:t.staticData}:t.objectName?{provider:"object",object:t.objectName}:null}function ie(t){if(t){if(typeof t=="string"){const u=t.split(" "),f=u[0],j=u[1]?.toLowerCase()==="desc"?"desc":"asc";return{[f]:j}}if(Array.isArray(t))return t.reduce((u,f)=>(f.field&&f.order&&(u[f.field]=f.order),u),{})}}function le(t){return t.filter&&typeof t.filter=="object"&&"gantt"in t.filter?t.filter.gantt:t.gantt?t.gantt:null}const H=({schema:t,dataSource:u,className:f,onTaskClick:j})=>{const[m,v]=b.useState([]),[_,x]=b.useState(!0),[k,G]=b.useState(null),[L,F]=b.useState(null),g=oe(t),E=le(t),T=g?.provider==="value";b.useEffect(()=>{(async()=>{try{if(x(!0),T&&g?.provider==="value"){v(g.items),x(!1);return}if(!u)throw new Error("DataSource required for object/api providers");if(g?.provider==="object"){const s=g.object,d=await u.find(s,{$filter:t.filter,$orderby:ie(t.sort)});v(d?.data||[])}else g?.provider==="api"&&(console.warn("API provider not yet implemented for ObjectGantt"),v([]));x(!1)}catch(s){G(s),x(!1)}})()},[g,u,T,t.filter,t.sort]),b.useEffect(()=>{!T&&u&&(async()=>{try{if(!u)return;const s=g?.provider==="object"?g.object:t.objectName;if(!s)return;const d=await u.getObjectSchema(s);F(d)}catch(s){console.error("Failed to fetch object schema:",s)}})()},[t.objectName,u,T,g]);const R=b.useMemo(()=>{if(!E||!m.length)return[];const{startDateField:a,endDateField:s,titleField:d,progressField:i,dependenciesField:N}=E;return m.map((p,J)=>{const M=p[a],w=p[s],Y=p[d]||"Untitled Task",z=i?p[i]:0,D=N?p[N]:[];return{id:p.id||p._id||`task-${J}`,title:Y,start:M?new Date(M):new Date,end:w?new Date(w):new Date,progress:Math.min(100,Math.max(0,z||0)),dependencies:Array.isArray(D)?D:[],data:p}}).filter(p=>!isNaN(p.start.getTime())&&!isNaN(p.end.getTime()))},[m,E]),h=b.useMemo(()=>{if(!R.length){const i=new Date;return{start:new Date(i.getFullYear(),i.getMonth(),1),end:new Date(i.getFullYear(),i.getMonth()+3,0)}}const a=R.flatMap(i=>[i.start,i.end]),s=new Date(Math.min(...a.map(i=>i.getTime()))),d=new Date(Math.max(...a.map(i=>i.getTime())));return s.setDate(s.getDate()-7),d.setDate(d.getDate()+7),{start:s,end:d}},[R]),C=b.useMemo(()=>{const a=[],s=new Date(h.start);for(s.setDate(1);s<=h.end;)a.push(new Date(s)),s.setMonth(s.getMonth()+1);return a},[h]),U=a=>{const s=(h.end.getTime()-h.start.getTime())/864e5,d=(a.start.getTime()-h.start.getTime())/(1e3*60*60*24),i=(a.end.getTime()-a.start.getTime())/(1e3*60*60*24);return{left:`${d/s*100}%`,width:`${i/s*100}%`}};if(_)return n.jsx("div",{className:f,children:n.jsx("div",{className:"flex items-center justify-center h-96",children:n.jsx("div",{className:"text-muted-foreground",children:"Loading Gantt chart..."})})});if(k)return n.jsx("div",{className:f,children:n.jsx("div",{className:"flex items-center justify-center h-96",children:n.jsxs("div",{className:"text-destructive",children:["Error: ",k.message]})})});if(!E)return n.jsx("div",{className:f,children:n.jsx("div",{className:"flex items-center justify-center h-96",children:n.jsx("div",{className:"text-muted-foreground",children:"Gantt configuration required. Please specify startDateField, endDateField, and titleField."})})});const W=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return n.jsx("div",{className:f,children:n.jsx("div",{className:"border rounded-lg bg-background overflow-hidden",children:n.jsxs("div",{className:"flex",children:[n.jsxs("div",{className:"w-64 border-r flex-shrink-0",children:[n.jsx("div",{className:"border-b p-3 font-semibold bg-muted",children:"Tasks"}),n.jsx("div",{children:R.map(a=>n.jsxs("div",{className:"border-b p-3 hover:bg-muted/50 cursor-pointer",onClick:()=>j?.(a.data),children:[n.jsx("div",{className:"font-medium text-sm truncate",children:a.title}),n.jsxs("div",{className:"text-xs text-muted-foreground mt-1",children:[a.start.toLocaleDateString()," - ",a.end.toLocaleDateString()]}),a.progress>0&&n.jsxs("div",{className:"mt-2",children:[n.jsxs("div",{className:"flex justify-between text-xs mb-1",children:[n.jsx("span",{children:"Progress"}),n.jsxs("span",{children:[a.progress,"%"]})]}),n.jsx("div",{className:"h-1.5 bg-muted rounded-full overflow-hidden",children:n.jsx("div",{className:"h-full bg-primary",style:{width:`${a.progress}%`}})})]})]},a.id))})]}),n.jsxs("div",{className:"flex-1 overflow-x-auto",children:[n.jsx("div",{className:"border-b bg-muted sticky top-0 z-10",children:n.jsx("div",{className:"flex",children:C.map((a,s)=>{const d=new Date(a.getFullYear(),a.getMonth()+1,0).getDate();return n.jsxs("div",{className:"border-r p-3 text-center font-semibold text-sm",style:{minWidth:`${d*20}px`},children:[W[a.getMonth()]," ",a.getFullYear()]},s)})})}),n.jsx("div",{className:"relative",children:R.map(a=>{const s=U(a);return n.jsxs("div",{className:"border-b relative",style:{height:"60px"},children:[n.jsx("div",{className:"absolute inset-0 flex pointer-events-none",children:C.map((d,i)=>{const N=new Date(d.getFullYear(),d.getMonth()+1,0).getDate();return n.jsx("div",{className:"border-r",style:{minWidth:`${N*20}px`}},i)})}),n.jsxs("div",{className:"absolute top-1/2 -translate-y-1/2 h-8 bg-primary/80 rounded cursor-pointer hover:bg-primary transition-colors flex items-center px-2 text-white text-xs font-medium overflow-hidden",style:s,onClick:()=>j?.(a.data),children:[a.progress>0&&n.jsx("div",{className:"absolute inset-0 bg-primary-foreground/20",style:{width:`${a.progress}%`}}),n.jsx("span",{className:"relative z-10 truncate",children:a.title})]})]},a.id)})})]})]})})})},ce=({schema:t})=>n.jsx(H,{schema:t,dataSource:null});re.ComponentRegistry.register("object-gantt",ce,{label:"Object Gantt",category:"plugin",inputs:[{name:"objectName",type:"string",label:"Object Name",required:!0},{name:"gantt",type:"object",label:"Gantt Config",description:"startDateField, endDateField, titleField, progressField, dependenciesField"}]}),y.ObjectGantt=H,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/dist/src/ObjectGantt.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ObjectGridSchema, DataSource } from '@object-ui/types';
+export interface ObjectGanttProps {
+    schema: ObjectGridSchema;
+    dataSource?: DataSource;
+    className?: string;
+    onTaskClick?: (record: any) => void;
+    onEdit?: (record: any) => void;
+    onDelete?: (record: any) => void;
+}
+export declare const ObjectGantt: React.FC<ObjectGanttProps>;
+//# sourceMappingURL=ObjectGantt.d.ts.map

package/dist/src/ObjectGantt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGantt.d.ts","sourceRoot":"","sources":["../../src/ObjectGantt.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,kBAAkB,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAuED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8SlD,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,4 @@
+import { ObjectGantt, ObjectGanttProps } from './ObjectGantt';
+export { ObjectGantt };
+export type { ObjectGanttProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@object-ui/plugin-gantt",
+  "version": "0.3.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Gantt chart plugin for Object UI",
+  "homepage": "https://www.objectui.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/objectstack-ai/objectui.git",
+    "directory": "packages/plugin-gantt"
+  },
+  "bugs": {
+    "url": "https://github.com/objectstack-ai/objectui/issues"
+  },
+  "main": "dist/index.umd.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "dependencies": {
+    "lucide-react": "^0.563.0",
+    "@object-ui/components": "0.3.0",
+    "@object-ui/core": "0.3.0",
+    "@object-ui/fields": "0.3.0",
+    "@object-ui/react": "0.3.0",
+    "@object-ui/types": "0.3.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint ."
+  }
+}