ezux 1.0.0

package/dist/EzGroupingPanel-CFwKUrF_.js

@@ -0,0 +1,59 @@
+import { j as e, c } from "./index-DBwoXp4n.js";
+import u from "react";
+import { useDroppable as x } from "@dnd-kit/core";
+import { Layers as p, ChevronRight as b, X as h } from "lucide-react";
+const v = ({
+  grouping: t,
+  onGroupingChange: o,
+  columns: a
+}) => {
+  const { setNodeRef: n, isOver: d } = x({
+    id: "grouping-panel"
+  }), l = (r) => {
+    o(t.filter((s) => s !== r));
+  }, m = (r) => a.find((i) => i.id === r)?.columnDef.header || r;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: n,
+      className: c(
+        "flex items-center gap-2 p-2 min-h-[40px] border rounded-md transition-all duration-200",
+        "bg-muted/40 border-dashed border-border",
+        d && "bg-blue-50 dark:bg-blue-900/20 border-blue-400 ring-1 ring-blue-400"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground mr-2", children: [
+          /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4" }),
+          /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium uppercase tracking-wider", children: "Group By" })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          t.length === 0 && !d && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground/70 italic", children: "Drag columns here to group" }),
+          t.map((r, s) => /* @__PURE__ */ e.jsxs(u.Fragment, { children: [
+            s > 0 && /* @__PURE__ */ e.jsx("div", { className: "flex items-center text-muted-foreground", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "flex items-center gap-1.5 px-2 py-1 bg-card border border-border rounded-md shadow-sm animate-in fade-in zoom-in duration-200",
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-foreground", children: m(r) }),
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      onClick: () => l(r),
+                      className: "p-0.5 hover:bg-muted rounded transition-colors",
+                      children: /* @__PURE__ */ e.jsx(h, { className: "w-3 h-3 text-muted-foreground hover:text-destructive" })
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, r)),
+          d && /* @__PURE__ */ e.jsx("div", { className: "px-2 py-1 border border-blue-400 border-dashed bg-blue-50/50 dark:bg-blue-900/20 rounded-md text-sm text-blue-500 animate-pulse", children: "Drop to Group" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  v as EzGroupingPanel
+};

package/dist/EzTableEditDialog-BIk_mNpI.js

@@ -0,0 +1,60 @@
+import { j as e, L as j, I as b, B as x } from "./index-DBwoXp4n.js";
+import { useState as v, useEffect as y } from "react";
+const k = ({
+  open: r,
+  onClose: n,
+  onSave: f,
+  columns: l,
+  initialData: d,
+  isNew: t,
+  onFormRender: c
+}) => {
+  const [o, m] = v({});
+  if (y(() => {
+    r && (m(d || {}), c?.({
+      form: { data: d || {}, columns: l },
+      mode: t ? "Add" : "Edit"
+    }));
+  }, [r, d, l, t, c]), !r) return null;
+  const h = () => {
+    f(o), n();
+  }, g = (s, a) => {
+    m((i) => ({ ...i, [s]: a }));
+  }, u = l.filter((s) => s.accessorKey && s.meta?.isEditable !== !1 && s.id !== "actions" && s.id !== "select");
+  return /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-in fade-in-0", children: /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "bg-background w-full max-w-lg rounded-lg border shadow-lg p-6 space-y-6 animate-in zoom-in-95 slide-in-from-bottom-2",
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: [
+          /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: t ? "Add New Record" : "Edit Record" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: t ? "Enter details for the new record." : "Make changes to the record below." })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4 max-h-[60vh] overflow-y-auto pr-2", children: u.map((s) => {
+          const a = s.accessorKey, i = o[a] ?? "";
+          return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+            /* @__PURE__ */ e.jsx(j, { htmlFor: a, className: "text-right", children: typeof s.header == "string" ? s.header : a }),
+            /* @__PURE__ */ e.jsx(
+              b,
+              {
+                id: a,
+                value: i,
+                onChange: (p) => g(a, p.target.value),
+                className: "col-span-3"
+              }
+            )
+          ] }, a);
+        }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", children: [
+          /* @__PURE__ */ e.jsx(x, { variant: "outline", onClick: n, children: "Cancel" }),
+          /* @__PURE__ */ e.jsx(x, { onClick: h, children: "Save Changes" })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  k as EzTableEditDialog
+};