@contractspec/bundle.library 3.8.10 → 3.8.11

package/dist/node/components/templates/todos/TaskForm.js

@@ -1,164 +1,8 @@
-// src/components/templates/todos/TaskForm.tsx
-import { gql } from "@apollo/client";
-import { useMutation } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-var CREATE_TASK = gql`
+import{gql as $}from"@apollo/client";import{useMutation as b}from"@apollo/client/react";import{useTemplateRuntime as h}from"@contractspec/lib.example-shared-ui";import{useState as B}from"react";import{jsx as w,jsxs as z}from"react/jsx-runtime";var k=$`
   mutation CreateTask($input: CreateTaskInput!) {
     createTask(input: $input) {
       id
       title
     }
   }
-`;
-function TaskForm({ categories }) {
-  const { projectId } = useTemplateRuntime();
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [priority, setPriority] = useState("MEDIUM");
-  const [categoryId, setCategoryId] = useState("none");
-  const [tagsInput, setTagsInput] = useState("");
-  const [createTask, { loading }] = useMutation(CREATE_TASK);
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    if (!title.trim())
-      return;
-    await createTask({
-      variables: {
-        input: {
-          projectId,
-          title: title.trim(),
-          description: description.trim() || undefined,
-          priority,
-          categoryId: categoryId === "none" ? undefined : categoryId,
-          tags: parseTags(tagsInput)
-        }
-      },
-      refetchQueries: ["Tasks"],
-      awaitRefetchQueries: true
-    });
-    setTitle("");
-    setDescription("");
-    setPriority("MEDIUM");
-    setCategoryId("none");
-    setTagsInput("");
-  };
-  return /* @__PURE__ */ jsxs("form", {
-    onSubmit: handleSubmit,
-    className: "space-y-3 rounded-2xl border border-border bg-background/60 p-4",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        children: /* @__PURE__ */ jsxs("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Title",
-            /* @__PURE__ */ jsx("input", {
-              type: "text",
-              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-              placeholder: "What needs to get done?",
-              value: title,
-              onChange: (event) => setTitle(event.target.value),
-              required: true
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx("div", {
-        children: /* @__PURE__ */ jsxs("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Description",
-            /* @__PURE__ */ jsx("textarea", {
-              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-              rows: 3,
-              placeholder: "Add context or policy notes",
-              value: description,
-              onChange: (event) => setDescription(event.target.value)
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "grid gap-3 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxs("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Priority",
-              /* @__PURE__ */ jsxs("select", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                value: priority,
-                onChange: (event) => setPriority(event.target.value),
-                children: [
-                  /* @__PURE__ */ jsx("option", {
-                    value: "LOW",
-                    children: "Low"
-                  }),
-                  /* @__PURE__ */ jsx("option", {
-                    value: "MEDIUM",
-                    children: "Medium"
-                  }),
-                  /* @__PURE__ */ jsx("option", {
-                    value: "HIGH",
-                    children: "High"
-                  }),
-                  /* @__PURE__ */ jsx("option", {
-                    value: "URGENT",
-                    children: "Urgent"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Category",
-              /* @__PURE__ */ jsxs("select", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                value: categoryId,
-                onChange: (event) => setCategoryId(event.target.value),
-                children: [
-                  /* @__PURE__ */ jsx("option", {
-                    value: "none",
-                    children: "None"
-                  }),
-                  categories.map((category) => /* @__PURE__ */ jsx("option", {
-                    value: category.id,
-                    children: category.name
-                  }, category.id))
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Tags",
-              /* @__PURE__ */ jsx("input", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                placeholder: "Comma separated (optional)",
-                value: tagsInput,
-                onChange: (event) => setTagsInput(event.target.value)
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("button", {
-        type: "submit",
-        className: "btn-primary w-full py-2 font-semibold text-sm",
-        disabled: loading,
-        children: loading ? "Saving..." : "Add task"
-      })
-    ]
-  });
-}
-function parseTags(input) {
-  return input.split(",").map((tag) => tag.trim()).filter(Boolean);
-}
-export {
-  TaskForm
-};
+`;function E({categories:F}){let{projectId:G}=h(),[H,L]=B(""),[N,O]=B(""),[Q,U]=B("MEDIUM"),[J,V]=B("none"),[W,X]=B(""),[Z,{loading:Y}]=b(k);return z("form",{onSubmit:async(f)=>{if(f.preventDefault(),!H.trim())return;await Z({variables:{input:{projectId:G,title:H.trim(),description:N.trim()||void 0,priority:Q,categoryId:J==="none"?void 0:J,tags:q(W)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),L(""),O(""),U("MEDIUM"),V("none"),X("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[w("div",{children:z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",w("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:H,onChange:(f)=>L(f.target.value),required:!0})]})}),w("div",{children:z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",w("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:N,onChange:(f)=>O(f.target.value)})]})}),z("div",{className:"grid gap-3 md:grid-cols-3",children:[z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",z("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:Q,onChange:(f)=>U(f.target.value),children:[w("option",{value:"LOW",children:"Low"}),w("option",{value:"MEDIUM",children:"Medium"}),w("option",{value:"HIGH",children:"High"}),w("option",{value:"URGENT",children:"Urgent"})]})]}),z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",z("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:J,onChange:(f)=>V(f.target.value),children:[w("option",{value:"none",children:"None"}),F.map((f)=>w("option",{value:f.id,children:f.name},f.id))]})]}),z("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",w("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:W,onChange:(f)=>X(f.target.value)})]})]}),w("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:Y,children:Y?"Saving...":"Add task"})]})}function q(F){return F.split(",").map((G)=>G.trim()).filter(Boolean)}export{E as TaskForm};

package/dist/node/components/templates/todos/TaskItem.js

@@ -1,77 +1 @@
-// src/components/templates/todos/TaskItem.tsx
-import { Check, Circle, Trash2 } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TaskItem({ task, onToggle, onDelete }) {
-  const badgeColor = task.priority === "URGENT" ? "text-red-200 bg-red-500/10 border-red-500/40" : task.priority === "HIGH" ? "text-amber-200 bg-amber-500/10 border-amber-500/40" : task.priority === "LOW" ? "text-emerald-200 bg-emerald-500/10 border-emerald-500/40" : "text-violet-200 bg-violet-500/10 border-violet-500/40";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",
-    children: [
-      /* @__PURE__ */ jsx("button", {
-        type: "button",
-        className: "rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40",
-        "aria-pressed": task.completed,
-        onClick: () => onToggle?.(task),
-        children: task.completed ? /* @__PURE__ */ jsx(Check, {
-          className: "h-4 w-4 text-emerald-400"
-        }) : /* @__PURE__ */ jsx(Circle, {
-          className: "h-4 w-4"
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex-1 space-y-2",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex flex-wrap items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
-                children: task.title
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: `rounded-full border px-2 py-0.5 text-xs ${badgeColor}`,
-                children: task.priority.charAt(0) + task.priority.slice(1).toLowerCase()
-              }),
-              task.category ? /* @__PURE__ */ jsx("span", {
-                className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
-                children: task.category.name
-              }) : null,
-              task.dueDate ? /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "Due ",
-                  new Date(task.dueDate).toLocaleDateString()
-                ]
-              }) : null
-            ]
-          }),
-          task.description ? /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-sm",
-            children: task.description
-          }) : null,
-          task.tags.length ? /* @__PURE__ */ jsx("div", {
-            className: "flex flex-wrap gap-1",
-            children: task.tags.map((tag) => /* @__PURE__ */ jsxs("span", {
-              className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
-              children: [
-                "#",
-                tag
-              ]
-            }, tag))
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsx("button", {
-        type: "button",
-        className: "text-muted-foreground hover:text-destructive",
-        "aria-label": `Delete ${task.title}`,
-        onClick: () => onDelete?.(task),
-        children: /* @__PURE__ */ jsx(Trash2, {
-          className: "h-4 w-4"
-        })
-      })
-    ]
-  });
-}
-export {
-  TaskItem
-};
+import{Check as n,Circle as m,Trash2 as p}from"lucide-react";import{jsx as r,jsxs as t}from"react/jsx-runtime";function u({task:e,onToggle:d,onDelete:a}){let l=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.priority==="LOW"?"text-emerald-200 bg-emerald-500/10 border-emerald-500/40":"text-violet-200 bg-violet-500/10 border-violet-500/40";return t("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[r("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>d?.(e),children:e.completed?r(n,{className:"h-4 w-4 text-emerald-400"}):r(m,{className:"h-4 w-4"})}),t("div",{className:"flex-1 space-y-2",children:[t("div",{className:"flex flex-wrap items-center gap-2",children:[r("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),r("span",{className:`rounded-full border px-2 py-0.5 text-xs ${l}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?r("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?t("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?r("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?r("div",{className:"flex flex-wrap gap-1",children:e.tags.map((o)=>t("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",o]},o))}):null]}),r("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>a?.(e),children:r(p,{className:"h-4 w-4"})})]})}export{u as TaskItem};