@object-ui/plugin-calendar 0.3.0

package/dist/index.js

@@ -0,0 +1,946 @@
+import * as ae from "react";
+import L, { useState as I, useEffect as ne, useMemo as oe, useCallback as le } from "react";
+import { ComponentRegistry as de } from "@object-ui/core";
+import { ChevronLeftIcon as ge, ChevronRightIcon as pe } from "lucide-react";
+import { cn as O, Button as Z, Select as xe, SelectTrigger as De, SelectValue as be, SelectContent as he, SelectItem as K } from "@object-ui/components";
+var z = { exports: {} }, $ = {};
+var se;
+function ve() {
+  if (se) return $;
+  se = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(m, g, c) {
+    var f = null;
+    if (c !== void 0 && (f = "" + c), g.key !== void 0 && (f = "" + g.key), "key" in g) {
+      c = {};
+      for (var a in g)
+        a !== "key" && (c[a] = g[a]);
+    } else c = g;
+    return g = c.ref, {
+      $$typeof: t,
+      type: m,
+      key: f,
+      ref: g !== void 0 ? g : null,
+      props: c
+    };
+  }
+  return $.Fragment = o, $.jsx = n, $.jsxs = n, $;
+}
+var W = {};
+var ie;
+function ye() {
+  return ie || (ie = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === p ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case E:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case D:
+          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 P:
+            return e.displayName || "Context";
+          case R:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case F:
+            var d = e.render;
+            return e = e.displayName, e || (e = d.displayName || d.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return d = e.displayName || null, d !== null ? d : t(e.type) || "Memo";
+          case Y:
+            d = e._payload, e = e._init;
+            try {
+              return t(e(d));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function o(e) {
+      return "" + e;
+    }
+    function n(e) {
+      try {
+        o(e);
+        var d = !1;
+      } catch {
+        d = !0;
+      }
+      if (d) {
+        d = console;
+        var b = d.error, v = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return b.call(
+          d,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          v
+        ), o(e);
+      }
+    }
+    function m(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === Y)
+        return "<...>";
+      try {
+        var d = t(e);
+        return d ? "<" + d + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function g() {
+      var e = x.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if (N.call(e, "key")) {
+        var d = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (d && d.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function a(e, d) {
+      function 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)",
+          d
+        ));
+      }
+      b.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: b,
+        configurable: !0
+      });
+    }
+    function l() {
+      var e = t(this.type);
+      return A[e] || (A[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 u(e, d, b, v, q, B) {
+      var y = b.ref;
+      return e = {
+        $$typeof: C,
+        type: e,
+        key: d,
+        props: b,
+        _owner: v
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: l
+      }) : 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: q
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function s(e, d, b, v, q, B) {
+      var y = d.children;
+      if (y !== void 0)
+        if (v)
+          if (h(y)) {
+            for (v = 0; v < y.length; v++)
+              S(y[v]);
+            Object.freeze && Object.freeze(y);
+          } 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(y);
+      if (N.call(d, "key")) {
+        y = t(e);
+        var V = Object.keys(d).filter(function(me) {
+          return me !== "key";
+        });
+        v = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", re[y + v] || (V = 0 < V.length ? "{" + V.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} />`,
+          v,
+          y,
+          V,
+          y
+        ), re[y + v] = !0);
+      }
+      if (y = null, b !== void 0 && (n(b), y = "" + b), f(d) && (n(d.key), y = "" + d.key), "key" in d) {
+        b = {};
+        for (var Q in d)
+          Q !== "key" && (b[Q] = d[Q]);
+      } else b = d;
+      return y && a(
+        b,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), u(
+        e,
+        y,
+        b,
+        g(),
+        q,
+        B
+      );
+    }
+    function S(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === Y && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === C;
+    }
+    var w = L, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), P = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), D = /* @__PURE__ */ Symbol.for("react.activity"), p = /* @__PURE__ */ Symbol.for("react.client.reference"), x = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, h = Array.isArray, k = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    w = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var _, A = {}, U = w.react_stack_bottom_frame.bind(
+      w,
+      c
+    )(), J = k(m(c)), re = {};
+    W.Fragment = T, W.jsx = function(e, d, b) {
+      var v = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return s(
+        e,
+        d,
+        b,
+        !1,
+        v ? Error("react-stack-top-frame") : U,
+        v ? k(m(e)) : J
+      );
+    }, W.jsxs = function(e, d, b) {
+      var v = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return s(
+        e,
+        d,
+        b,
+        !0,
+        v ? Error("react-stack-top-frame") : U,
+        v ? k(m(e)) : J
+      );
+    };
+  })()), W;
+}
+var ce;
+function we() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? z.exports = ve() : z.exports = ye()), z.exports;
+}
+var r = we();
+function je(t) {
+  return t.data ? t.data : t.staticData ? {
+    provider: "value",
+    items: t.staticData
+  } : t.objectName ? {
+    provider: "object",
+    object: t.objectName
+  } : null;
+}
+function Ne(t) {
+  if (t) {
+    if (typeof t == "string") {
+      const o = t.split(" "), n = o[0], m = o[1]?.toLowerCase() === "desc" ? "desc" : "asc";
+      return { [n]: m };
+    }
+    if (Array.isArray(t))
+      return t.reduce((o, n) => (n.field && n.order && (o[n.field] = n.order), o), {});
+  }
+}
+function ke(t) {
+  return t.filter && typeof t.filter == "object" && "calendar" in t.filter ? t.filter.calendar : t.calendar ? t.calendar : null;
+}
+const Ee = ({
+  schema: t,
+  dataSource: o,
+  className: n,
+  onEventClick: m,
+  onDateClick: g
+}) => {
+  const [c, f] = I([]), [a, l] = I(!0), [u, s] = I(null), [S, j] = I(null), [w, C] = I(/* @__PURE__ */ new Date()), [M, T] = I("month"), i = je(t), E = ke(t), R = i?.provider === "value";
+  ne(() => {
+    (async () => {
+      try {
+        if (l(!0), R && i?.provider === "value") {
+          f(i.items), l(!1);
+          return;
+        }
+        if (!o)
+          throw new Error("DataSource required for object/api providers");
+        if (i?.provider === "object") {
+          const p = i.object, x = await o.find(p, {
+            $filter: t.filter,
+            $orderby: Ne(t.sort)
+          });
+          f(x?.data || []);
+        } else i?.provider === "api" && (console.warn("API provider not yet implemented for ObjectCalendar"), f([]));
+        l(!1);
+      } catch (p) {
+        s(p), l(!1);
+      }
+    })();
+  }, [i, o, R, t.filter, t.sort]), ne(() => {
+    !R && o && (async () => {
+      try {
+        if (!o) return;
+        const p = i?.provider === "object" ? i.object : t.objectName;
+        if (!p) return;
+        const x = await o.getObjectSchema(p);
+        j(x);
+      } catch (p) {
+        console.error("Failed to fetch object schema:", p);
+      }
+    })();
+  }, [t.objectName, o, R, i]);
+  const P = oe(() => {
+    if (!E || !c.length)
+      return [];
+    const { startDateField: D, endDateField: p, titleField: x, colorField: N } = E;
+    return c.map((h, k) => {
+      const _ = h[D], A = p ? h[p] : null, U = h[x] || "Untitled", J = N ? h[N] : void 0;
+      return {
+        id: h.id || h._id || `event-${k}`,
+        title: U,
+        start: _ ? new Date(_) : /* @__PURE__ */ new Date(),
+        end: A ? new Date(A) : void 0,
+        color: J,
+        allDay: !A,
+        // If no end date, treat as all-day event
+        data: h
+      };
+    }).filter((h) => !isNaN(h.start.getTime()));
+  }, [c, E]), F = oe(() => {
+    const D = w.getFullYear(), p = w.getMonth(), x = new Date(D, p, 1), N = new Date(x);
+    N.setDate(N.getDate() - N.getDay());
+    const h = [], k = new Date(N);
+    for (let _ = 0; _ < 42; _++)
+      h.push(new Date(k)), k.setDate(k.getDate() + 1);
+    return h;
+  }, [w]), G = le((D) => P.filter((p) => {
+    const x = new Date(p.start);
+    x.setHours(0, 0, 0, 0);
+    const N = p.end ? new Date(p.end) : x;
+    N.setHours(23, 59, 59, 999);
+    const h = new Date(D);
+    return h.setHours(0, 0, 0, 0), h >= x && h <= N;
+  }), [P]), H = le((D) => {
+    C((p) => {
+      const x = new Date(p);
+      return x.setMonth(x.getMonth() + (D === "next" ? 1 : -1)), x;
+    });
+  }, []);
+  if (a)
+    return /* @__PURE__ */ r.jsx("div", { className: n, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Loading calendar..." }) }) });
+  if (u)
+    return /* @__PURE__ */ r.jsx("div", { className: n, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsxs("div", { className: "text-destructive", children: [
+      "Error: ",
+      u.message
+    ] }) }) });
+  if (!E)
+    return /* @__PURE__ */ r.jsx("div", { className: n, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Calendar configuration required. Please specify startDateField and titleField." }) }) });
+  const X = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ], Y = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  return /* @__PURE__ */ r.jsx("div", { className: n, children: /* @__PURE__ */ r.jsxs("div", { className: "border rounded-lg bg-background", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+      /* @__PURE__ */ r.jsxs("h2", { className: "text-xl font-semibold", children: [
+        X[w.getMonth()],
+        " ",
+        w.getFullYear()
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            onClick: () => H("prev"),
+            className: "px-3 py-1 border rounded hover:bg-muted",
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            onClick: () => C(/* @__PURE__ */ new Date()),
+            className: "px-3 py-1 border rounded hover:bg-muted",
+            children: "Today"
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            onClick: () => H("next"),
+            className: "px-3 py-1 border rounded hover:bg-muted",
+            children: "Next"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: "p-4", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-px mb-px", children: Y.map((D) => /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "text-center text-sm font-medium text-muted-foreground py-2",
+          children: D
+        },
+        D
+      )) }),
+      /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-px bg-border", children: F.map((D, p) => {
+        const x = G(D), N = D.getMonth() === w.getMonth(), h = D.getDate() === (/* @__PURE__ */ new Date()).getDate() && D.getMonth() === (/* @__PURE__ */ new Date()).getMonth() && D.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear();
+        return /* @__PURE__ */ r.jsxs(
+          "div",
+          {
+            className: `min-h-24 bg-background p-2 ${N ? "" : "text-muted-foreground bg-muted/30"} ${h ? "ring-2 ring-primary" : ""}`,
+            onClick: () => g?.(D),
+            children: [
+              /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium mb-1", children: D.getDate() }),
+              /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+                x.slice(0, 3).map((k) => /* @__PURE__ */ r.jsx(
+                  "div",
+                  {
+                    className: "text-xs px-1 py-0.5 rounded bg-primary/10 hover:bg-primary/20 cursor-pointer truncate",
+                    onClick: (_) => {
+                      _.stopPropagation(), m?.(k.data);
+                    },
+                    style: k.color ? { borderLeft: `3px solid ${k.color}` } : void 0,
+                    children: k.title
+                  },
+                  k.id
+                )),
+                x.length > 3 && /* @__PURE__ */ r.jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                  "+",
+                  x.length - 3,
+                  " more"
+                ] })
+              ] })
+            ]
+          },
+          p
+        );
+      }) })
+    ] })
+  ] }) });
+}, ee = "bg-blue-500 text-white";
+function Se({
+  events: t = [],
+  view: o = "month",
+  currentDate: n = /* @__PURE__ */ new Date(),
+  onEventClick: m,
+  onDateClick: g,
+  onViewChange: c,
+  onNavigate: f,
+  className: a
+}) {
+  const [l, u] = ae.useState(o), [s, S] = ae.useState(n), j = () => {
+    const i = new Date(s);
+    l === "month" ? i.setMonth(i.getMonth() - 1) : l === "week" ? i.setDate(i.getDate() - 7) : i.setDate(i.getDate() - 1), S(i), f?.(i);
+  }, w = () => {
+    const i = new Date(s);
+    l === "month" ? i.setMonth(i.getMonth() + 1) : l === "week" ? i.setDate(i.getDate() + 7) : i.setDate(i.getDate() + 1), S(i), f?.(i);
+  }, C = () => {
+    const i = /* @__PURE__ */ new Date();
+    S(i), f?.(i);
+  }, M = (i) => {
+    u(i), c?.(i);
+  }, T = () => {
+    if (l === "month")
+      return s.toLocaleDateString("default", {
+        month: "long",
+        year: "numeric"
+      });
+    if (l === "week") {
+      const i = ue(s), E = new Date(i);
+      return E.setDate(E.getDate() + 6), `${i.toLocaleDateString("default", {
+        month: "short",
+        day: "numeric"
+      })} - ${E.toLocaleDateString("default", {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      })}`;
+    } else
+      return s.toLocaleDateString("default", {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: O("flex flex-col h-full bg-background", a), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r.jsx(Z, { variant: "outline", size: "sm", onClick: C, children: "Today" }),
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ r.jsx(
+            Z,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: j,
+              className: "h-8 w-8",
+              children: /* @__PURE__ */ r.jsx(ge, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            Z,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: w,
+              className: "h-8 w-8",
+              children: /* @__PURE__ */ r.jsx(pe, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold ml-2", children: T() })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ r.jsxs(xe, { value: l, onValueChange: M, children: [
+        /* @__PURE__ */ r.jsx(De, { className: "w-32", children: /* @__PURE__ */ r.jsx(be, {}) }),
+        /* @__PURE__ */ r.jsxs(he, { children: [
+          /* @__PURE__ */ r.jsx(K, { value: "day", children: "Day" }),
+          /* @__PURE__ */ r.jsx(K, { value: "week", children: "Week" }),
+          /* @__PURE__ */ r.jsx(K, { value: "month", children: "Month" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex-1 overflow-auto", children: [
+      l === "month" && /* @__PURE__ */ r.jsx(
+        _e,
+        {
+          date: s,
+          events: t,
+          onEventClick: m,
+          onDateClick: g
+        }
+      ),
+      l === "week" && /* @__PURE__ */ r.jsx(
+        Te,
+        {
+          date: s,
+          events: t,
+          onEventClick: m,
+          onDateClick: g
+        }
+      ),
+      l === "day" && /* @__PURE__ */ r.jsx(
+        Fe,
+        {
+          date: s,
+          events: t,
+          onEventClick: m
+        }
+      )
+    ] })
+  ] });
+}
+function ue(t) {
+  const o = new Date(t), n = o.getDay(), m = o.getDate() - n;
+  return o.setDate(m), o;
+}
+function Ce(t) {
+  const o = t.getFullYear(), n = t.getMonth(), m = new Date(o, n, 1), g = new Date(o, n + 1, 0), c = m.getDay(), f = [];
+  for (let l = c - 1; l >= 0; l--) {
+    const u = new Date(m.getTime());
+    u.setDate(u.getDate() - (l + 1)), f.push(u);
+  }
+  for (let l = 1; l <= g.getDate(); l++)
+    f.push(new Date(o, n, l));
+  const a = 42 - f.length;
+  for (let l = 1; l <= a; l++) {
+    const u = new Date(g.getTime());
+    u.setDate(u.getDate() + l), f.push(u);
+  }
+  return f;
+}
+function fe(t, o) {
+  return t.getFullYear() === o.getFullYear() && t.getMonth() === o.getMonth() && t.getDate() === o.getDate();
+}
+function te(t, o) {
+  return o.filter((n) => {
+    const m = new Date(n.start), g = n.end ? new Date(n.end) : new Date(m), c = new Date(t);
+    c.setHours(0, 0, 0, 0);
+    const f = new Date(t);
+    f.setHours(23, 59, 59, 999);
+    const a = new Date(m);
+    a.setHours(0, 0, 0, 0);
+    const l = new Date(g);
+    return l.setHours(23, 59, 59, 999), c <= l && f >= a;
+  });
+}
+function _e({ date: t, events: o, onEventClick: n, onDateClick: m }) {
+  const g = Ce(t), c = /* @__PURE__ */ new Date(), f = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 border-b", children: f.map((a) => /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "p-2 text-center text-sm font-medium text-muted-foreground border-r last:border-r-0",
+        children: a
+      },
+      a
+    )) }),
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 flex-1 auto-rows-fr", children: g.map((a, l) => {
+      const u = te(a, o), s = a.getMonth() === t.getMonth(), S = fe(a, c);
+      return /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: O(
+            "border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50",
+            !s && "bg-muted/30 text-muted-foreground"
+          ),
+          onClick: () => m?.(a),
+          children: [
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: O(
+                  "text-sm font-medium mb-1",
+                  S && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6"
+                ),
+                children: a.getDate()
+              }
+            ),
+            /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+              u.slice(0, 3).map((j) => /* @__PURE__ */ r.jsx(
+                "div",
+                {
+                  className: O(
+                    "text-xs px-2 py-1 rounded truncate cursor-pointer hover:opacity-80",
+                    j.color || ee
+                  ),
+                  style: j.color && j.color.startsWith("#") ? { backgroundColor: j.color } : void 0,
+                  onClick: (w) => {
+                    w.stopPropagation(), n?.(j);
+                  },
+                  children: j.title
+                },
+                j.id
+              )),
+              u.length > 3 && /* @__PURE__ */ r.jsxs("div", { className: "text-xs text-muted-foreground px-2", children: [
+                "+",
+                u.length - 3,
+                " more"
+              ] })
+            ] })
+          ]
+        },
+        l
+      );
+    }) })
+  ] });
+}
+function Te({ date: t, events: o, onEventClick: n, onDateClick: m }) {
+  const g = ue(t), c = Array.from({ length: 7 }, (a, l) => {
+    const u = new Date(g);
+    return u.setDate(u.getDate() + l), u;
+  }), f = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 border-b", children: c.map((a) => {
+      const l = fe(a, f);
+      return /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: "p-3 text-center border-r last:border-r-0",
+          children: [
+            /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium text-muted-foreground", children: a.toLocaleDateString("default", { weekday: "short" }) }),
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: O(
+                  "text-lg font-semibold mt-1",
+                  l && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8"
+                ),
+                children: a.getDate()
+              }
+            )
+          ]
+        },
+        a.toISOString()
+      );
+    }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 flex-1", children: c.map((a) => {
+      const l = te(a, o);
+      return /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "border-r last:border-r-0 p-2 min-h-[400px] cursor-pointer hover:bg-accent/50",
+          onClick: () => m?.(a),
+          children: /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: l.map((u) => /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: O(
+                "text-sm px-3 py-2 rounded cursor-pointer hover:opacity-80",
+                u.color || ee
+              ),
+              style: u.color && u.color.startsWith("#") ? { backgroundColor: u.color } : void 0,
+              onClick: (s) => {
+                s.stopPropagation(), n?.(u);
+              },
+              children: [
+                /* @__PURE__ */ r.jsx("div", { className: "font-medium", children: u.title }),
+                !u.allDay && /* @__PURE__ */ r.jsx("div", { className: "text-xs opacity-90 mt-1", children: u.start.toLocaleTimeString("default", {
+                  hour: "numeric",
+                  minute: "2-digit"
+                }) })
+              ]
+            },
+            u.id
+          )) })
+        },
+        a.toISOString()
+      );
+    }) })
+  ] });
+}
+function Fe({ date: t, events: o, onEventClick: n }) {
+  const m = te(t, o), g = Array.from({ length: 24 }, (c, f) => f);
+  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ r.jsx("div", { className: "flex-1 overflow-auto", children: g.map((c) => {
+    const f = m.filter((a) => a.allDay ? c === 0 : a.start.getHours() === c);
+    return /* @__PURE__ */ r.jsxs("div", { className: "flex border-b min-h-[60px]", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "w-20 p-2 text-sm text-muted-foreground border-r", children: c === 0 ? "12 AM" : c < 12 ? `${c} AM` : c === 12 ? "12 PM" : `${c - 12} PM` }),
+      /* @__PURE__ */ r.jsx("div", { className: "flex-1 p-2 space-y-2", children: f.map((a) => /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: O(
+            "px-3 py-2 rounded cursor-pointer hover:opacity-80",
+            a.color || ee
+          ),
+          style: a.color && a.color.startsWith("#") ? { backgroundColor: a.color } : void 0,
+          onClick: () => n?.(a),
+          children: [
+            /* @__PURE__ */ r.jsx("div", { className: "font-medium", children: a.title }),
+            !a.allDay && /* @__PURE__ */ r.jsxs("div", { className: "text-xs opacity-90 mt-1", children: [
+              a.start.toLocaleTimeString("default", {
+                hour: "numeric",
+                minute: "2-digit"
+              }),
+              a.end && ` - ${a.end.toLocaleTimeString("default", {
+                hour: "numeric",
+                minute: "2-digit"
+              })}`
+            ] })
+          ]
+        },
+        a.id
+      )) })
+    ] }, c);
+  }) }) });
+}
+de.register(
+  "calendar-view",
+  ({ schema: t, className: o, onAction: n, ...m }) => {
+    const g = L.useMemo(() => !t.data || !Array.isArray(t.data) ? [] : t.data.map((s, S) => {
+      const j = t.titleField || "title", w = t.startDateField || "start", C = t.endDateField || "end", M = t.colorField || "color", T = t.allDayField || "allDay", i = s[j] || "Untitled", E = s[w] ? new Date(s[w]) : /* @__PURE__ */ new Date(), R = s[C] ? new Date(s[C]) : void 0, P = s[T] !== void 0 ? s[T] : !1;
+      let F = s[M];
+      return F && t.colorMapping && t.colorMapping[F] && (F = t.colorMapping[F]), {
+        id: String(s.id || s._id || S),
+        title: i,
+        start: E,
+        end: R,
+        allDay: P,
+        color: F,
+        data: s
+      };
+    }), [t.data, t.titleField, t.startDateField, t.endDateField, t.colorField, t.allDayField, t.colorMapping]), c = L.useCallback((s) => {
+      n && n({
+        type: "event_click",
+        payload: { event: s.data, eventId: s.id }
+      }), t.onEventClick && t.onEventClick(s.data);
+    }, [n, t]), f = L.useCallback((s) => {
+      n && n({
+        type: "date_click",
+        payload: { date: s }
+      }), t.onDateClick && t.onDateClick(s);
+    }, [n, t]), a = L.useCallback((s) => {
+      n && n({
+        type: "view_change",
+        payload: { view: s }
+      }), t.onViewChange && t.onViewChange(s);
+    }, [n, t]), l = L.useCallback((s) => {
+      n && n({
+        type: "navigate",
+        payload: { date: s }
+      }), t.onNavigate && t.onNavigate(s);
+    }, [n, t]), u = t.view && ["month", "week", "day"].includes(t.view) ? t.view : "month";
+    return /* @__PURE__ */ r.jsx(
+      Se,
+      {
+        events: g,
+        view: u,
+        currentDate: t.currentDate ? new Date(t.currentDate) : void 0,
+        onEventClick: c,
+        onDateClick: t.allowCreate || t.onDateClick ? f : void 0,
+        onViewChange: a,
+        onNavigate: l,
+        className: o,
+        ...m
+      }
+    );
+  },
+  {
+    label: "Calendar View",
+    inputs: [
+      {
+        name: "data",
+        type: "array",
+        label: "Data",
+        description: "Array of record objects to display as events"
+      },
+      {
+        name: "titleField",
+        type: "string",
+        label: "Title Field",
+        defaultValue: "title",
+        description: "Field name to use for event title"
+      },
+      {
+        name: "startDateField",
+        type: "string",
+        label: "Start Date Field",
+        defaultValue: "start",
+        description: "Field name for event start date"
+      },
+      {
+        name: "endDateField",
+        type: "string",
+        label: "End Date Field",
+        defaultValue: "end",
+        description: "Field name for event end date (optional)"
+      },
+      {
+        name: "allDayField",
+        type: "string",
+        label: "All Day Field",
+        defaultValue: "allDay",
+        description: "Field name for all-day flag"
+      },
+      {
+        name: "colorField",
+        type: "string",
+        label: "Color Field",
+        defaultValue: "color",
+        description: "Field name for event color"
+      },
+      {
+        name: "colorMapping",
+        type: "object",
+        label: "Color Mapping",
+        description: 'Map field values to colors (e.g., {meeting: "blue", deadline: "red"})'
+      },
+      {
+        name: "view",
+        type: "enum",
+        enum: ["month", "week", "day"],
+        defaultValue: "month",
+        label: "View Mode",
+        description: "Calendar view mode (month, week, or day)"
+      },
+      {
+        name: "currentDate",
+        type: "string",
+        label: "Current Date",
+        description: "ISO date string for initial calendar date"
+      },
+      {
+        name: "allowCreate",
+        type: "boolean",
+        label: "Allow Create",
+        defaultValue: !1,
+        description: "Allow creating events by clicking on dates"
+      },
+      { name: "className", type: "string", label: "CSS Class" }
+    ],
+    defaultProps: {
+      view: "month",
+      titleField: "title",
+      startDateField: "start",
+      endDateField: "end",
+      allDayField: "allDay",
+      colorField: "color",
+      allowCreate: !1,
+      data: [
+        {
+          id: 1,
+          title: "Team Meeting",
+          start: new Date((/* @__PURE__ */ new Date()).setHours(10, 0, 0, 0)).toISOString(),
+          end: new Date((/* @__PURE__ */ new Date()).setHours(11, 0, 0, 0)).toISOString(),
+          color: "#3b82f6",
+          allDay: !1
+        },
+        {
+          id: 2,
+          title: "Project Deadline",
+          start: new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 3)).toISOString(),
+          color: "#ef4444",
+          allDay: !0
+        },
+        {
+          id: 3,
+          title: "Conference",
+          start: new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 7)).toISOString(),
+          end: new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 9)).toISOString(),
+          color: "#10b981",
+          allDay: !0
+        }
+      ],
+      className: "h-[600px] border rounded-lg"
+    }
+  }
+);
+const Re = ({ schema: t }) => /* @__PURE__ */ r.jsx(Ee, { schema: t, dataSource: null });
+de.register("object-calendar", Re, {
+  label: "Object Calendar",
+  category: "plugin",
+  inputs: [
+    { name: "objectName", type: "string", label: "Object Name", required: !0 },
+    { name: "calendar", type: "object", label: "Calendar Config", description: "startDateField, endDateField, titleField, colorField" }
+  ]
+});
+export {
+  Se as CalendarView,
+  Ee as ObjectCalendar
+};