@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/add-clinic-visit-dialog.mjs

@@ -0,0 +1,307 @@
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.mjs";
+import { SearchableSelect, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
+import { Field, FieldError, FieldLabel } from "./field.mjs";
+import { Input } from "./input.mjs";
+import { DatePicker, TimePicker } from "./date-picker.mjs";
+import { Textarea } from "./textarea.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/add-clinic-visit-dialog.tsx
+const EMPTY = [];
+/** Section wrapper — each block is separated by a rule, not just whitespace. */
+function Section({ title, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:border-b wwc:px-4 wwc:py-3 wwc:last:border-b-0",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "wwc:mb-2.5 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+			children: title
+		}), children]
+	});
+}
+/**
+* Dialog form for recording a clinic visit — who was seen, where, when, why, and the fitness
+* outcome. The Worker field flips to a free-text visitor pair for guests with no worker record.
+*/
+function AddClinicVisitDialog({ open, onOpenChange, trigger, workers = EMPTY, clinics = EMPTY, reasons = EMPTY, fitnessOutcomes = EMPTY, defaultDate, defaultTimeIn = "", notesMaxLength = 500, onSave, className }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isOpen = open ?? uncontrolledOpen;
+	const [worker, setWorker] = React.useState("");
+	const [isVisitor, setIsVisitor] = React.useState(false);
+	const [visitorName, setVisitorName] = React.useState("");
+	const [visitorCompany, setVisitorCompany] = React.useState("");
+	const [clinic, setClinic] = React.useState("");
+	const [visitDate, setVisitDate] = React.useState(defaultDate);
+	const [timeIn, setTimeIn] = React.useState(defaultTimeIn);
+	const [timeOut, setTimeOut] = React.useState("");
+	const [reason, setReason] = React.useState("");
+	const [fitToWork, setFitToWork] = React.useState("");
+	const [notes, setNotes] = React.useState("");
+	const [showErrors, setShowErrors] = React.useState(false);
+	const reset = React.useCallback(() => {
+		setWorker("");
+		setIsVisitor(false);
+		setVisitorName("");
+		setVisitorCompany("");
+		setClinic(clinics[0]?.value ?? "");
+		setVisitDate(defaultDate ?? /* @__PURE__ */ new Date());
+		setTimeIn(defaultTimeIn);
+		setTimeOut("");
+		setReason("");
+		setFitToWork("");
+		setNotes("");
+		setShowErrors(false);
+	}, [
+		clinics,
+		defaultDate,
+		defaultTimeIn
+	]);
+	const handleOpenChange = (next) => {
+		if (next) reset();
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const errors = {
+		subject: (isVisitor ? visitorName.trim() !== "" : worker !== "") ? void 0 : isVisitor ? "Enter the visitor's name." : "Select a worker.",
+		clinic: clinic === "" ? "Select a clinic location." : void 0,
+		visitDate: visitDate === void 0 ? "Pick a visit date." : void 0,
+		reason: reason === "" ? "Select a reason." : void 0,
+		fitToWork: fitToWork === "" ? "Select a fitness outcome." : void 0
+	};
+	const hasErrors = Object.values(errors).some(Boolean);
+	const handleSave = () => {
+		if (hasErrors) {
+			setShowErrors(true);
+			return;
+		}
+		onSave?.({
+			worker,
+			isVisitor,
+			visitorName,
+			visitorCompany,
+			clinic,
+			visitDate,
+			timeIn,
+			timeOut,
+			reason,
+			fitToWork,
+			notes
+		});
+		handleOpenChange(false);
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		children: [trigger ? /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: trigger
+		}) : null, /* @__PURE__ */ jsxs(DialogContent, {
+			className: cn("wwc:gap-0 wwc:p-0 wwc:sm:max-w-[560px]", className),
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "New Clinic Visit" }) }),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Subject",
+					children: isVisitor ? /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:gap-3 wwc:sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ jsxs(Field, { children: [
+								/* @__PURE__ */ jsx(FieldLabel, {
+									htmlFor: "visit-visitor-name",
+									children: "Visitor Name"
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									id: "visit-visitor-name",
+									value: visitorName,
+									onChange: (e) => setVisitorName(e.target.value),
+									placeholder: "Full name",
+									"aria-invalid": showErrors && !!errors.subject
+								}),
+								showErrors && errors.subject && /* @__PURE__ */ jsx(FieldError, { children: errors.subject })
+							] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "visit-visitor-company",
+								children: "Company"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "visit-visitor-company",
+								value: visitorCompany,
+								onChange: (e) => setVisitorCompany(e.target.value),
+								placeholder: "Ex. AERAMCO"
+							})] }),
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => setIsVisitor(false),
+								className: "wwc:justify-self-start wwc:text-sm wwc:font-medium wwc:text-primary wwc:transition-colors wwc:hover:underline",
+								children: "Search a registered worker instead"
+							})
+						]
+					}) : /* @__PURE__ */ jsxs(Field, { children: [
+						/* @__PURE__ */ jsx(FieldLabel, {
+							htmlFor: "visit-worker",
+							children: "Worker"
+						}),
+						/* @__PURE__ */ jsx(SearchableSelect, {
+							options: workers,
+							value: worker,
+							onValueChange: setWorker,
+							placeholder: "Search worker by name or badge code...",
+							searchPlaceholder: "Search workers...",
+							emptyMessage: "No workers found."
+						}),
+						showErrors && errors.subject && /* @__PURE__ */ jsx(FieldError, { children: errors.subject }),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => setIsVisitor(true),
+							className: "wwc:justify-self-start wwc:text-sm wwc:font-medium wwc:text-primary wwc:transition-colors wwc:hover:underline",
+							children: "Register as visitor instead"
+						})
+					] })
+				}),
+				/* @__PURE__ */ jsxs(Section, {
+					title: "Visit Details",
+					children: [/* @__PURE__ */ jsxs(Field, {
+						className: "wwc:mb-3",
+						children: [
+							/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "visit-clinic",
+								children: "Clinic Location"
+							}),
+							/* @__PURE__ */ jsxs(Select, {
+								value: clinic,
+								onValueChange: setClinic,
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
+									id: "visit-clinic",
+									children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select clinic" })
+								}), /* @__PURE__ */ jsx(SelectContent, { children: clinics.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+									value: option.value,
+									children: option.label
+								}, option.value)) })]
+							}),
+							showErrors && errors.clinic && /* @__PURE__ */ jsx(FieldError, { children: errors.clinic })
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:gap-3 wwc:sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ jsxs(Field, { children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: "Visit Date" }),
+								/* @__PURE__ */ jsx(DatePicker, {
+									date: visitDate,
+									onDateChange: setVisitDate,
+									className: "wwc:w-full"
+								}),
+								showErrors && errors.visitDate && /* @__PURE__ */ jsx(FieldError, { children: errors.visitDate })
+							] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "visit-time-in",
+								children: "Time In"
+							}), /* @__PURE__ */ jsx(TimePicker, {
+								id: "visit-time-in",
+								value: timeIn,
+								onValueChange: setTimeIn,
+								className: "wwc:w-full"
+							})] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "visit-time-out",
+								children: "Time Out"
+							}), /* @__PURE__ */ jsx(TimePicker, {
+								id: "visit-time-out",
+								value: timeOut,
+								onValueChange: setTimeOut,
+								className: "wwc:w-full"
+							})] })
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Section, {
+					title: "Assessment",
+					children: [
+						/* @__PURE__ */ jsxs(Field, {
+							className: "wwc:mb-3",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, {
+									htmlFor: "visit-reason",
+									children: "Reason"
+								}),
+								/* @__PURE__ */ jsxs(Select, {
+									value: reason,
+									onValueChange: setReason,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "visit-reason",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select reason" })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: reasons.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+										value: option.value,
+										children: option.label
+									}, option.value)) })]
+								}),
+								showErrors && errors.reason && /* @__PURE__ */ jsx(FieldError, { children: errors.reason })
+							]
+						}),
+						/* @__PURE__ */ jsxs(Field, {
+							className: "wwc:mb-3",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, {
+									htmlFor: "visit-fitness",
+									children: "Fit to Work"
+								}),
+								/* @__PURE__ */ jsxs(Select, {
+									value: fitToWork,
+									onValueChange: setFitToWork,
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										id: "visit-fitness",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select outcome" })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: fitnessOutcomes.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+										value: option.value,
+										children: option.label
+									}, option.value)) })]
+								}),
+								showErrors && errors.fitToWork && /* @__PURE__ */ jsx(FieldError, { children: errors.fitToWork })
+							]
+						}),
+						/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "visit-notes",
+								children: "Notes"
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:font-medium wwc:text-foreground",
+										children: notes.length
+									}),
+									" / ",
+									notesMaxLength
+								]
+							})]
+						}), /* @__PURE__ */ jsx(Textarea, {
+							id: "visit-notes",
+							value: notes,
+							onChange: (e) => setNotes(e.target.value),
+							maxLength: notesMaxLength,
+							placeholder: "Clinical observations...",
+							className: "wwc:min-h-20 wwc:resize-y"
+						})] })
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, {
+					className: "wwc:border-t wwc:border-border wwc:px-4 wwc:py-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => handleOpenChange(false),
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: handleSave,
+						children: "Save Visit"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { AddClinicVisitDialog };
+
+//# sourceMappingURL=add-clinic-visit-dialog.mjs.map

package/dist/add-clinic-visit-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-clinic-visit-dialog.mjs","names":[],"sources":["../src/add-clinic-visit-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {DatePicker, TimePicker} from \"./date-picker\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger} from \"./dialog\";\nimport {Field, FieldError, FieldLabel} from \"./field\";\nimport {Input} from \"./input\";\nimport {SearchableSelect, Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from \"./select\";\nimport {Textarea} from \"./textarea\";\n\nexport interface AddClinicVisitOption {\n\tvalue: string;\n\tlabel: string;\n}\n\nexport interface AddClinicVisitValue {\n\t/** Selected worker id, or \"\" when the visit is logged against a visitor. */\n\tworker: string;\n\t/** True when the visit was recorded for a visitor rather than a registered worker. */\n\tisVisitor: boolean;\n\t/** Free-text visitor name; empty unless `isVisitor`. */\n\tvisitorName: string;\n\t/** Free-text visitor company; empty unless `isVisitor`. */\n\tvisitorCompany: string;\n\tclinic: string;\n\tvisitDate: Date | undefined;\n\t/** 12-hour time string, e.g. \"06:30 PM\". */\n\ttimeIn: string;\n\t/** Empty while the visit is still open — Time Out is filled on discharge. */\n\ttimeOut: string;\n\treason: string;\n\tfitToWork: string;\n\tnotes: string;\n}\n\nexport interface AddClinicVisitDialogProps {\n\t/** Controlled open state. Omit to let the dialog manage its own. */\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\t/** Rendered inside DialogTrigger. Omit when driving `open` yourself. */\n\ttrigger?: React.ReactNode;\n\tworkers?: AddClinicVisitOption[];\n\tclinics?: AddClinicVisitOption[];\n\treasons?: AddClinicVisitOption[];\n\tfitnessOutcomes?: AddClinicVisitOption[];\n\t/** Seeds the Visit Date field each time the dialog opens. Defaults to today. */\n\tdefaultDate?: Date;\n\t/** Seeds Time In each time the dialog opens, e.g. \"09:00 AM\". Defaults to empty. */\n\tdefaultTimeIn?: string;\n\tnotesMaxLength?: number;\n\tonSave?: (value: AddClinicVisitValue) => void;\n\tclassName?: string;\n}\n\nconst EMPTY: AddClinicVisitOption[] = [];\n\n/** Section wrapper — each block is separated by a rule, not just whitespace. */\nfunction Section({title, children}: {title: React.ReactNode; children: React.ReactNode}) {\n\treturn (\n\t\t<div className=\"wwc:border-b wwc:px-4 wwc:py-3 wwc:last:border-b-0\">\n\t\t\t<p className=\"wwc:mb-2.5 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t{title}\n\t\t\t</p>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n/**\n * Dialog form for recording a clinic visit — who was seen, where, when, why, and the fitness\n * outcome. The Worker field flips to a free-text visitor pair for guests with no worker record.\n */\nfunction AddClinicVisitDialog({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tworkers = EMPTY,\n\tclinics = EMPTY,\n\treasons = EMPTY,\n\tfitnessOutcomes = EMPTY,\n\tdefaultDate,\n\tdefaultTimeIn = \"\",\n\tnotesMaxLength = 500,\n\tonSave,\n\tclassName,\n}: AddClinicVisitDialogProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n\tconst isOpen = open ?? uncontrolledOpen;\n\n\tconst [worker, setWorker] = React.useState(\"\");\n\tconst [isVisitor, setIsVisitor] = React.useState(false);\n\tconst [visitorName, setVisitorName] = React.useState(\"\");\n\tconst [visitorCompany, setVisitorCompany] = React.useState(\"\");\n\tconst [clinic, setClinic] = React.useState(\"\");\n\tconst [visitDate, setVisitDate] = React.useState<Date | undefined>(defaultDate);\n\tconst [timeIn, setTimeIn] = React.useState(defaultTimeIn);\n\tconst [timeOut, setTimeOut] = React.useState(\"\");\n\tconst [reason, setReason] = React.useState(\"\");\n\tconst [fitToWork, setFitToWork] = React.useState(\"\");\n\tconst [notes, setNotes] = React.useState(\"\");\n\t// Errors stay hidden until the first submit, so an untouched form is never pre-scolded.\n\tconst [showErrors, setShowErrors] = React.useState(false);\n\n\tconst reset = React.useCallback(() => {\n\t\tsetWorker(\"\");\n\t\tsetIsVisitor(false);\n\t\tsetVisitorName(\"\");\n\t\tsetVisitorCompany(\"\");\n\t\tsetClinic(clinics[0]?.value ?? \"\");\n\t\tsetVisitDate(defaultDate ?? new Date());\n\t\tsetTimeIn(defaultTimeIn);\n\t\tsetTimeOut(\"\");\n\t\tsetReason(\"\");\n\t\tsetFitToWork(\"\");\n\t\tsetNotes(\"\");\n\t\tsetShowErrors(false);\n\t}, [clinics, defaultDate, defaultTimeIn]);\n\n\t// Seed a fresh form on open so a cancelled entry never bleeds into the next one.\n\tconst handleOpenChange = (next: boolean) => {\n\t\tif (next) reset();\n\t\tif (open === undefined) setUncontrolledOpen(next);\n\t\tonOpenChange?.(next);\n\t};\n\n\t// Time Out is deliberately optional — a visit is logged on arrival and closed on discharge.\n\tconst subjectChosen = isVisitor ? visitorName.trim() !== \"\" : worker !== \"\";\n\tconst errors = {\n\t\tsubject: subjectChosen ? undefined : isVisitor ? \"Enter the visitor's name.\" : \"Select a worker.\",\n\t\tclinic: clinic === \"\" ? \"Select a clinic location.\" : undefined,\n\t\tvisitDate: visitDate === undefined ? \"Pick a visit date.\" : undefined,\n\t\treason: reason === \"\" ? \"Select a reason.\" : undefined,\n\t\tfitToWork: fitToWork === \"\" ? \"Select a fitness outcome.\" : undefined,\n\t};\n\tconst hasErrors = Object.values(errors).some(Boolean);\n\n\tconst handleSave = () => {\n\t\tif (hasErrors) {\n\t\t\tsetShowErrors(true);\n\t\t\treturn;\n\t\t}\n\t\tonSave?.({\n\t\t\tworker,\n\t\t\tisVisitor,\n\t\t\tvisitorName,\n\t\t\tvisitorCompany,\n\t\t\tclinic,\n\t\t\tvisitDate,\n\t\t\ttimeIn,\n\t\t\ttimeOut,\n\t\t\treason,\n\t\t\tfitToWork,\n\t\t\tnotes,\n\t\t});\n\t\thandleOpenChange(false);\n\t};\n\n\treturn (\n\t\t<Dialog open={isOpen} onOpenChange={handleOpenChange}>\n\t\t\t{trigger ? <DialogTrigger asChild>{trigger}</DialogTrigger> : null}\n\t\t\t<DialogContent className={cn(\"wwc:gap-0 wwc:p-0 wwc:sm:max-w-[560px]\", className)} aria-describedby={undefined}>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>New Clinic Visit</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<Section title=\"Subject\">\n\t\t\t\t\t{isVisitor ? (\n\t\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-2\">\n\t\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-visitor-name\">Visitor Name</FieldLabel>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tid=\"visit-visitor-name\"\n\t\t\t\t\t\t\t\t\tvalue={visitorName}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setVisitorName(e.target.value)}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Full name\"\n\t\t\t\t\t\t\t\t\taria-invalid={showErrors && !!errors.subject}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{showErrors && errors.subject && <FieldError>{errors.subject}</FieldError>}\n\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-visitor-company\">Company</FieldLabel>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tid=\"visit-visitor-company\"\n\t\t\t\t\t\t\t\t\tvalue={visitorCompany}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setVisitorCompany(e.target.value)}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Ex. AERAMCO\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => setIsVisitor(false)}\n\t\t\t\t\t\t\t\tclassName=\"wwc:justify-self-start wwc:text-sm wwc:font-medium wwc:text-primary wwc:transition-colors wwc:hover:underline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tSearch a registered worker instead\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-worker\">Worker</FieldLabel>\n\t\t\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\t\t\toptions={workers}\n\t\t\t\t\t\t\t\tvalue={worker}\n\t\t\t\t\t\t\t\tonValueChange={setWorker}\n\t\t\t\t\t\t\t\tplaceholder=\"Search worker by name or badge code...\"\n\t\t\t\t\t\t\t\tsearchPlaceholder=\"Search workers...\"\n\t\t\t\t\t\t\t\temptyMessage=\"No workers found.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{showErrors && errors.subject && <FieldError>{errors.subject}</FieldError>}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => setIsVisitor(true)}\n\t\t\t\t\t\t\t\tclassName=\"wwc:justify-self-start wwc:text-sm wwc:font-medium wwc:text-primary wwc:transition-colors wwc:hover:underline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tRegister as visitor instead\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t)}\n\t\t\t\t</Section>\n\n\t\t\t\t<Section title=\"Visit Details\">\n\t\t\t\t\t<Field className=\"wwc:mb-3\">\n\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-clinic\">Clinic Location</FieldLabel>\n\t\t\t\t\t\t<Select value={clinic} onValueChange={setClinic}>\n\t\t\t\t\t\t\t<SelectTrigger id=\"visit-clinic\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder=\"Select clinic\" />\n\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t{clinics.map((option) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={option.value} value={option.value}>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t{showErrors && errors.clinic && <FieldError>{errors.clinic}</FieldError>}\n\t\t\t\t\t</Field>\n\n\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-3\">\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel>Visit Date</FieldLabel>\n\t\t\t\t\t\t\t<DatePicker date={visitDate} onDateChange={setVisitDate} className=\"wwc:w-full\" />\n\t\t\t\t\t\t\t{showErrors && errors.visitDate && <FieldError>{errors.visitDate}</FieldError>}\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-time-in\">Time In</FieldLabel>\n\t\t\t\t\t\t\t<TimePicker id=\"visit-time-in\" value={timeIn} onValueChange={setTimeIn} className=\"wwc:w-full\" />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-time-out\">Time Out</FieldLabel>\n\t\t\t\t\t\t\t<TimePicker id=\"visit-time-out\" value={timeOut} onValueChange={setTimeOut} className=\"wwc:w-full\" />\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t</div>\n\t\t\t\t</Section>\n\n\t\t\t\t<Section title=\"Assessment\">\n\t\t\t\t\t<Field className=\"wwc:mb-3\">\n\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-reason\">Reason</FieldLabel>\n\t\t\t\t\t\t<Select value={reason} onValueChange={setReason}>\n\t\t\t\t\t\t\t<SelectTrigger id=\"visit-reason\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder=\"Select reason\" />\n\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t{reasons.map((option) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={option.value} value={option.value}>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t{showErrors && errors.reason && <FieldError>{errors.reason}</FieldError>}\n\t\t\t\t\t</Field>\n\n\t\t\t\t\t<Field className=\"wwc:mb-3\">\n\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-fitness\">Fit to Work</FieldLabel>\n\t\t\t\t\t\t<Select value={fitToWork} onValueChange={setFitToWork}>\n\t\t\t\t\t\t\t<SelectTrigger id=\"visit-fitness\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder=\"Select outcome\" />\n\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t{fitnessOutcomes.map((option) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={option.value} value={option.value}>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t{showErrors && errors.fitToWork && <FieldError>{errors.fitToWork}</FieldError>}\n\t\t\t\t\t</Field>\n\n\t\t\t\t\t<Field>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"visit-notes\">Notes</FieldLabel>\n\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium wwc:text-foreground\">{notes.length}</span> / {notesMaxLength}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\tid=\"visit-notes\"\n\t\t\t\t\t\t\tvalue={notes}\n\t\t\t\t\t\t\tonChange={(e) => setNotes(e.target.value)}\n\t\t\t\t\t\t\tmaxLength={notesMaxLength}\n\t\t\t\t\t\t\tplaceholder=\"Clinical observations...\"\n\t\t\t\t\t\t\tclassName=\"wwc:min-h-20 wwc:resize-y\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Field>\n\t\t\t\t</Section>\n\n\t\t\t\t<DialogFooter className=\"wwc:border-t wwc:border-border wwc:px-4 wwc:py-2\">\n\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={() => handleOpenChange(false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button size=\"sm\" onClick={handleSave}>\n\t\t\t\t\t\tSave Visit\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nexport {AddClinicVisitDialog};\n"],"mappings":"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"}

package/dist/add-observation-dialog.d.mts

@@ -0,0 +1,36 @@
+import * as React from "react";
+//#region src/add-observation-dialog.d.ts
+export interface AddObservationOption {
+  value: string;
+  label: string;
+}
+export interface AddObservationValue {
+  zone: string;
+  category: string;
+  description: string;
+  attachments: File[];
+  worker: string;
+  permitNumber: string;
+  date: Date | undefined;
+  stopWorkNotice: boolean;
+}
+export interface AddObservationDialogProps {
+  /** Controlled open state. Omit to let the dialog manage its own. */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Rendered inside DialogTrigger. Omit when driving `open` yourself. */
+  trigger?: React.ReactNode;
+  zones?: AddObservationOption[];
+  categories?: AddObservationOption[];
+  workers?: AddObservationOption[];
+  /** Seeds the Date field each time the dialog opens. Defaults to now. */
+  defaultDate?: Date;
+  descriptionMaxLength?: number;
+  onSave?: (value: AddObservationValue) => void;
+  className?: string;
+}
+/** Dialog form for logging a safety observation — zone, category, description, and evidence. */
+declare function AddObservationDialog({ open, onOpenChange, trigger, zones, categories, workers, defaultDate, descriptionMaxLength, onSave, className }: AddObservationDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AddObservationDialog };
+//# sourceMappingURL=add-observation-dialog.d.mts.map

package/dist/add-observation-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-observation-dialog.d.mts","names":[],"sources":["../src/add-observation-dialog.tsx"],"mappings":";;iBAaiB;EAChB;EACA;;iBAGgB;EAChB;EACA;EACA;EACA,aAAa;EACb;EACA;EACA,MAAM;EACN;;iBAGgB;;EAEhB;EACA,gBAAgB;;EAEhB,UAAU,MAAM;EAChB,QAAQ;EACR,aAAa;EACb,UAAU;;EAEV,cAAc;EACd;EACA,UAAU,OAAO;EACjB;;;iBAkBQ,uBACR,MACA,cACA,SACA,OACA,YACA,SACA,aACA,sBACA,QACA,aACE,wDAAyB,IAAA"}

package/dist/add-observation-dialog.mjs

@@ -0,0 +1,269 @@
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.mjs";
+import { SearchableSelect } from "./select.mjs";
+import { Field, FieldError, FieldLabel } from "./field.mjs";
+import { Input } from "./input.mjs";
+import { Switch } from "./switch.mjs";
+import { DateTimePicker } from "./date-picker.mjs";
+import { Textarea } from "./textarea.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Paperclip, Upload, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/add-observation-dialog.tsx
+const EMPTY = [];
+/** Section wrapper — each block is separated by a rule, not just whitespace. */
+function Section({ title, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:border-b wwc:px-4 wwc:py-3 wwc:last:border-b-0",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "wwc:mb-2.5 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+			children: title
+		}), children]
+	});
+}
+/** Dialog form for logging a safety observation — zone, category, description, and evidence. */
+function AddObservationDialog({ open, onOpenChange, trigger, zones = EMPTY, categories = EMPTY, workers = EMPTY, defaultDate, descriptionMaxLength = 300, onSave, className }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isOpen = open ?? uncontrolledOpen;
+	const [zone, setZone] = React.useState("");
+	const [category, setCategory] = React.useState("");
+	const [description, setDescription] = React.useState("");
+	const [attachments, setAttachments] = React.useState([]);
+	const [worker, setWorker] = React.useState("");
+	const [permitNumber, setPermitNumber] = React.useState("");
+	const [date, setDate] = React.useState(defaultDate);
+	const [stopWorkNotice, setStopWorkNotice] = React.useState(false);
+	const [showErrors, setShowErrors] = React.useState(false);
+	const fileInputRef = React.useRef(null);
+	const reset = React.useCallback(() => {
+		setZone("");
+		setCategory("");
+		setDescription("");
+		setAttachments([]);
+		setWorker("");
+		setPermitNumber("");
+		setDate(defaultDate ?? /* @__PURE__ */ new Date());
+		setStopWorkNotice(false);
+		setShowErrors(false);
+	}, [defaultDate]);
+	const handleOpenChange = (next) => {
+		if (next) reset();
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const handleFiles = (event) => {
+		const picked = Array.from(event.target.files ?? []);
+		if (picked.length > 0) setAttachments((prev) => [...prev, ...picked]);
+		event.target.value = "";
+	};
+	const removeAttachment = (index) => {
+		setAttachments((prev) => prev.filter((_, i) => i !== index));
+	};
+	const errors = {
+		zone: zone === "" ? "Select a zone." : void 0,
+		category: category === "" ? "Select a category." : void 0,
+		description: description.trim() === "" ? "Describe what you observed." : void 0
+	};
+	const hasErrors = Object.values(errors).some(Boolean);
+	const handleSave = () => {
+		if (hasErrors) {
+			setShowErrors(true);
+			return;
+		}
+		onSave?.({
+			zone,
+			category,
+			description,
+			attachments,
+			worker,
+			permitNumber,
+			date,
+			stopWorkNotice
+		});
+		handleOpenChange(false);
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		children: [trigger ? /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: trigger
+		}) : null, /* @__PURE__ */ jsxs(DialogContent, {
+			className: cn("wwc:gap-0 wwc:p-0 wwc:sm:max-w-[560px]", className),
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Observation" }) }),
+				/* @__PURE__ */ jsx(Section, {
+					title: "What & Where",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:gap-3 wwc:sm:grid-cols-2",
+						children: [/* @__PURE__ */ jsxs(Field, { children: [
+							/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-zone",
+								children: "Zone"
+							}),
+							/* @__PURE__ */ jsx(SearchableSelect, {
+								options: zones,
+								value: zone,
+								onValueChange: setZone,
+								placeholder: "Select Zone",
+								searchPlaceholder: "Search zones...",
+								emptyMessage: "No zones found."
+							}),
+							showErrors && errors.zone && /* @__PURE__ */ jsx(FieldError, { children: errors.zone })
+						] }), /* @__PURE__ */ jsxs(Field, { children: [
+							/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-category",
+								children: "Category"
+							}),
+							/* @__PURE__ */ jsx(SearchableSelect, {
+								options: categories,
+								value: category,
+								onValueChange: setCategory,
+								placeholder: "Select Category",
+								searchPlaceholder: "Search categories...",
+								emptyMessage: "No categories found."
+							}),
+							showErrors && errors.category && /* @__PURE__ */ jsx(FieldError, { children: errors.category })
+						] })]
+					})
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Description",
+					children: /* @__PURE__ */ jsxs(Field, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-description",
+								children: "Description"
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:font-medium wwc:text-foreground",
+										children: description.length
+									}),
+									" /",
+									" ",
+									descriptionMaxLength
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsx(Textarea, {
+							id: "observation-description",
+							value: description,
+							onChange: (e) => setDescription(e.target.value),
+							maxLength: descriptionMaxLength,
+							placeholder: "Add description here...",
+							className: "wwc:min-h-20 wwc:resize-y",
+							"aria-invalid": showErrors && !!errors.description
+						}),
+						showErrors && errors.description && /* @__PURE__ */ jsx(FieldError, { children: errors.description })
+					] })
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Evidence",
+					children: /* @__PURE__ */ jsxs(Field, { children: [
+						/* @__PURE__ */ jsx(FieldLabel, { children: "Attachments" }),
+						/* @__PURE__ */ jsx("input", {
+							ref: fileInputRef,
+							type: "file",
+							multiple: true,
+							onChange: handleFiles,
+							className: "wwc:hidden"
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							className: "wwc:w-full",
+							onClick: () => fileInputRef.current?.click(),
+							children: [/* @__PURE__ */ jsx(Upload, { className: "wwc:h-4 wwc:w-4" }), "Choose File"]
+						}),
+						attachments.length > 0 && /* @__PURE__ */ jsx("ul", {
+							className: "wwc:space-y-1",
+							children: attachments.map((file, index) => /* @__PURE__ */ jsxs("li", {
+								className: "wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-md wwc:border wwc:border-border wwc:px-2 wwc:py-1 wwc:text-sm",
+								children: [
+									/* @__PURE__ */ jsx(Paperclip, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground" }),
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:line-clamp-1 wwc:flex-1",
+										children: file.name
+									}),
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: () => removeAttachment(index),
+										"aria-label": `Remove ${file.name}`,
+										className: "wwc:shrink-0 wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground",
+										children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3.5 wwc:w-3.5" })
+									})
+								]
+							}, `${file.name}-${file.size}-${file.lastModified}`))
+						})
+					] })
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Details",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:gap-3 wwc:sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-worker",
+								children: "Worker"
+							}), /* @__PURE__ */ jsx(SearchableSelect, {
+								options: workers,
+								value: worker,
+								onValueChange: setWorker,
+								placeholder: "Select Worker",
+								searchPlaceholder: "Search workers...",
+								emptyMessage: "No workers found."
+							})] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-permit",
+								children: "Permit Number"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "observation-permit",
+								value: permitNumber,
+								onChange: (e) => setPermitNumber(e.target.value),
+								placeholder: "Ex. 123456"
+							})] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Date" }), /* @__PURE__ */ jsx(DateTimePicker, {
+								variant: "unified",
+								date,
+								onDateChange: setDate
+							})] }),
+							/* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+								htmlFor: "observation-stop-work",
+								children: "Stop Work Notice"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "wwc:flex wwc:h-9 wwc:items-center",
+								children: /* @__PURE__ */ jsx(Switch, {
+									id: "observation-stop-work",
+									checked: stopWorkNotice,
+									onCheckedChange: setStopWorkNotice
+								})
+							})] })
+						]
+					})
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, {
+					className: "wwc:border-t wwc:border-border wwc:px-4 wwc:py-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => handleOpenChange(false),
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: handleSave,
+						children: "Save"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { AddObservationDialog };
+
+//# sourceMappingURL=add-observation-dialog.mjs.map