@cwellt_software/shared-employee 0.0.1

package/dist/AccountingRulesTab-CdYj-dz8.js

@@ -0,0 +1,84 @@
+import { t as e } from "./DeleteDialog-CyRsLr_c.js";
+import { CwButton as t, CwChip as n, CwTable as r } from "@cwellt_software/cwellt-reactjs-lib";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/presentation/comps/tabs/AccountingRulesTab.tsx
+function s({ items: s, employeeId: c, availableRuleSets: l, onAssign: u, onRemove: d }) {
+	let [f, p] = i(null), m = new Set(s.map((e) => e.ruleId));
+	return /* @__PURE__ */ o("div", {
+		className: "cw-grid-base-auto cw-gap-medium",
+		children: [
+			/* @__PURE__ */ o("section", { children: [/* @__PURE__ */ a("h4", {
+				className: "cw-margin-bottom-small",
+				children: "Assigned Rules"
+			}), /* @__PURE__ */ a(r, {
+				columns: [
+					{
+						key: "actions",
+						title: "",
+						className: "cw-table-col-action cw-table-col-buttons",
+						render: (e) => /* @__PURE__ */ a(t, {
+							variant: "icon",
+							icon: "delete",
+							color: "danger",
+							onClick: () => p(e),
+							"data-testid": `tab-accountingRules-row-${e.id}-delete`
+						})
+					},
+					{
+						key: "ruleSetName",
+						title: "Rule Set",
+						dataIndex: "ruleSetName"
+					},
+					{
+						key: "ruleName",
+						title: "Rule",
+						dataIndex: "ruleName",
+						render: (e) => /* @__PURE__ */ a("span", {
+							"data-testid": `tab-accountingRules-row-${e.id}`,
+							children: e.ruleName
+						})
+					}
+				],
+				data: s,
+				rowKey: "id"
+			})] }),
+			/* @__PURE__ */ o("section", { children: [/* @__PURE__ */ a("h4", {
+				className: "cw-margin-bottom-small",
+				children: "Available Rules"
+			}), l.map((e) => /* @__PURE__ */ o("div", {
+				className: "cw-margin-bottom-regular",
+				children: [/* @__PURE__ */ a("p", {
+					className: "cw-margin-bottom-small",
+					children: /* @__PURE__ */ a("strong", { children: e.name })
+				}), /* @__PURE__ */ a("div", {
+					className: "cw-flex-row cw-gap-tiny cw-flex-wrap",
+					children: e.rules.map((e) => m.has(e.id) ? /* @__PURE__ */ a(n, {
+						label: e.name,
+						colorScheme: "success"
+					}, e.id) : /* @__PURE__ */ a("span", {
+						role: "button",
+						style: { cursor: "pointer" },
+						onClick: () => u(c, e.id),
+						"data-testid": `tab-accountingRules-available-${e.id}`,
+						children: /* @__PURE__ */ a(n, {
+							label: e.name,
+							colorScheme: "neutral"
+						})
+					}, e.id))
+				})]
+			}, e.id))] }),
+			f && /* @__PURE__ */ a(e, {
+				open: !0,
+				headline: "Remove Rule",
+				message: `Remove "${f.ruleName}"?`,
+				onDelete: async () => {
+					await d(c, f.ruleId), p(null);
+				},
+				onClose: () => p(null)
+			})
+		]
+	});
+}
+//#endregion
+export { s as AccountingRulesTab };

package/dist/AccountingRulesTab-DQJ7nD71.cjs

@@ -0,0 +1 @@
+const e=require("./DeleteDialog-BqXtjGGi.cjs");let t=require("@cwellt_software/cwellt-reactjs-lib"),n=require("react"),r=require("react/jsx-runtime");function i({items:i,employeeId:a,availableRuleSets:o,onAssign:s,onRemove:c}){let[l,u]=(0,n.useState)(null),d=new Set(i.map(e=>e.ruleId));return(0,r.jsxs)(`div`,{className:`cw-grid-base-auto cw-gap-medium`,children:[(0,r.jsxs)(`section`,{children:[(0,r.jsx)(`h4`,{className:`cw-margin-bottom-small`,children:`Assigned Rules`}),(0,r.jsx)(t.CwTable,{columns:[{key:`actions`,title:``,className:`cw-table-col-action cw-table-col-buttons`,render:e=>(0,r.jsx)(t.CwButton,{variant:`icon`,icon:`delete`,color:`danger`,onClick:()=>u(e),"data-testid":`tab-accountingRules-row-${e.id}-delete`})},{key:`ruleSetName`,title:`Rule Set`,dataIndex:`ruleSetName`},{key:`ruleName`,title:`Rule`,dataIndex:`ruleName`,render:e=>(0,r.jsx)(`span`,{"data-testid":`tab-accountingRules-row-${e.id}`,children:e.ruleName})}],data:i,rowKey:`id`})]}),(0,r.jsxs)(`section`,{children:[(0,r.jsx)(`h4`,{className:`cw-margin-bottom-small`,children:`Available Rules`}),o.map(e=>(0,r.jsxs)(`div`,{className:`cw-margin-bottom-regular`,children:[(0,r.jsx)(`p`,{className:`cw-margin-bottom-small`,children:(0,r.jsx)(`strong`,{children:e.name})}),(0,r.jsx)(`div`,{className:`cw-flex-row cw-gap-tiny cw-flex-wrap`,children:e.rules.map(e=>d.has(e.id)?(0,r.jsx)(t.CwChip,{label:e.name,colorScheme:`success`},e.id):(0,r.jsx)(`span`,{role:`button`,style:{cursor:`pointer`},onClick:()=>s(a,e.id),"data-testid":`tab-accountingRules-available-${e.id}`,children:(0,r.jsx)(t.CwChip,{label:e.name,colorScheme:`neutral`})},e.id))})]},e.id))]}),l&&(0,r.jsx)(e.t,{open:!0,headline:`Remove Rule`,message:`Remove "${l.ruleName}"?`,onDelete:async()=>{await c(a,l.ruleId),u(null)},onClose:()=>u(null)})]})}exports.AccountingRulesTab=i;

package/dist/AdditionalInfoTab-DW-S373w.cjs

@@ -0,0 +1 @@
+const e=require("./DeleteDialog-BqXtjGGi.cjs");let t=require("@cwellt_software/cwellt-reactjs-lib"),n=require("react"),r=require("react/jsx-runtime");function i({items:i,employeeId:a,contactTypes:o,onCreate:s,onUpdate:c,onDelete:l}){let[u,d]=(0,n.useState)(!1),[f,p]=(0,n.useState)(null),[m,h]=(0,n.useState)(null),[g,_]=(0,n.useState)(null),[v,y]=(0,n.useState)(``),b=new Set(i.map(e=>e.contactTypeId)),x=f?o:o.filter(e=>!b.has(e.id)),S=()=>{p(null),_(null),y(``),d(!0)},C=e=>{p(e),_(e.contactTypeId),y(e.value),d(!0)};return(0,r.jsxs)(`section`,{children:[(0,r.jsx)(`header`,{className:`cw-flex-row cw-margin-bottom-small`,children:(0,r.jsx)(t.CwButton,{text:`Add`,icon:`plus`,onClick:S,"data-testid":`tab-additionalInfo-add-button`})}),(0,r.jsx)(t.CwTable,{columns:[{key:`actions`,title:``,className:`cw-table-col-action cw-table-col-buttons`,render:e=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.CwButton,{variant:`icon`,icon:`edit`,onClick:()=>C(e),"data-testid":`tab-additionalInfo-row-${e.contactTypeName}-edit`}),(0,r.jsx)(t.CwButton,{variant:`icon`,icon:`delete`,color:`danger`,onClick:()=>h(e),"data-testid":`tab-additionalInfo-row-${e.contactTypeName}-delete`})]})},{key:`contactTypeName`,title:`Field`,dataIndex:`contactTypeName`,render:e=>(0,r.jsx)(`span`,{"data-testid":`tab-additionalInfo-row-${e.contactTypeName}`,children:e.contactTypeName})},{key:`value`,title:`Details`,dataIndex:`value`}],data:i,rowKey:`id`}),u&&(0,r.jsx)(t.CwDialog,{open:!0,headline:f?`Edit Contact Info`:`Add Contact Info`,onClose:()=>d(!1),onSave:async()=>{if(g)try{f?await c({...f,contactTypeId:g,value:v}):await s({contactTypeId:g,value:v,employeeId:a}),d(!1)}catch{(0,t.CwDisplayMessage)(`Failed to save`,t.CwMessageType.ERROR,5e3)}},disableSave:!g,width:`30rem`,children:(0,r.jsxs)(`div`,{className:`cw-flex-column`,"data-label-width":`8rem`,children:[(0,r.jsx)(t.CwSelect,{labelProps:{text:`Type`},value:g==null?``:String(g),onChange:e=>_(e.currentTarget.value?Number(e.currentTarget.value):null),disabled:!!f,placeholder:`Select...`,"data-testid":`tab-additionalInfo-form-type`,children:x.map(e=>(0,r.jsx)(t.CwOption,{value:e.id,children:e.name},e.id))}),(0,r.jsx)(t.CwInputText,{labelProps:{text:`Value`},value:v,onChange:e=>y(e.currentTarget.value),"data-testid":`tab-additionalInfo-form-value`})]})}),m&&(0,r.jsx)(e.t,{open:!0,headline:`Delete Contact Info`,message:`Delete "${m.contactTypeName}" from this employee?`,onDelete:async()=>{await l(a,m.contactTypeId),h(null)},onClose:()=>h(null)})]})}exports.AdditionalInfoTab=i;

package/dist/AdditionalInfoTab-j-Ixuvog.js

@@ -0,0 +1,114 @@
+import { t as e } from "./DeleteDialog-CyRsLr_c.js";
+import { CwButton as t, CwDialog as n, CwDisplayMessage as r, CwInputText as i, CwMessageType as a, CwOption as o, CwSelect as s, CwTable as c } from "@cwellt_software/cwellt-reactjs-lib";
+import { useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/presentation/comps/tabs/AdditionalInfoTab.tsx
+function p({ items: p, employeeId: m, contactTypes: h, onCreate: g, onUpdate: _, onDelete: v }) {
+	let [y, b] = l(!1), [x, S] = l(null), [C, w] = l(null), [T, E] = l(null), [D, O] = l(""), k = new Set(p.map((e) => e.contactTypeId)), A = x ? h : h.filter((e) => !k.has(e.id)), j = () => {
+		S(null), E(null), O(""), b(!0);
+	}, M = (e) => {
+		S(e), E(e.contactTypeId), O(e.value), b(!0);
+	};
+	return /* @__PURE__ */ f("section", { children: [
+		/* @__PURE__ */ d("header", {
+			className: "cw-flex-row cw-margin-bottom-small",
+			children: /* @__PURE__ */ d(t, {
+				text: "Add",
+				icon: "plus",
+				onClick: j,
+				"data-testid": "tab-additionalInfo-add-button"
+			})
+		}),
+		/* @__PURE__ */ d(c, {
+			columns: [
+				{
+					key: "actions",
+					title: "",
+					className: "cw-table-col-action cw-table-col-buttons",
+					render: (e) => /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(t, {
+						variant: "icon",
+						icon: "edit",
+						onClick: () => M(e),
+						"data-testid": `tab-additionalInfo-row-${e.contactTypeName}-edit`
+					}), /* @__PURE__ */ d(t, {
+						variant: "icon",
+						icon: "delete",
+						color: "danger",
+						onClick: () => w(e),
+						"data-testid": `tab-additionalInfo-row-${e.contactTypeName}-delete`
+					})] })
+				},
+				{
+					key: "contactTypeName",
+					title: "Field",
+					dataIndex: "contactTypeName",
+					render: (e) => /* @__PURE__ */ d("span", {
+						"data-testid": `tab-additionalInfo-row-${e.contactTypeName}`,
+						children: e.contactTypeName
+					})
+				},
+				{
+					key: "value",
+					title: "Details",
+					dataIndex: "value"
+				}
+			],
+			data: p,
+			rowKey: "id"
+		}),
+		y && /* @__PURE__ */ d(n, {
+			open: !0,
+			headline: x ? "Edit Contact Info" : "Add Contact Info",
+			onClose: () => b(!1),
+			onSave: async () => {
+				if (T) try {
+					x ? await _({
+						...x,
+						contactTypeId: T,
+						value: D
+					}) : await g({
+						contactTypeId: T,
+						value: D,
+						employeeId: m
+					}), b(!1);
+				} catch {
+					r("Failed to save", a.ERROR, 5e3);
+				}
+			},
+			disableSave: !T,
+			width: "30rem",
+			children: /* @__PURE__ */ f("div", {
+				className: "cw-flex-column",
+				"data-label-width": "8rem",
+				children: [/* @__PURE__ */ d(s, {
+					labelProps: { text: "Type" },
+					value: T == null ? "" : String(T),
+					onChange: (e) => E(e.currentTarget.value ? Number(e.currentTarget.value) : null),
+					disabled: !!x,
+					placeholder: "Select...",
+					"data-testid": "tab-additionalInfo-form-type",
+					children: A.map((e) => /* @__PURE__ */ d(o, {
+						value: e.id,
+						children: e.name
+					}, e.id))
+				}), /* @__PURE__ */ d(i, {
+					labelProps: { text: "Value" },
+					value: D,
+					onChange: (e) => O(e.currentTarget.value),
+					"data-testid": "tab-additionalInfo-form-value"
+				})]
+			})
+		}),
+		C && /* @__PURE__ */ d(e, {
+			open: !0,
+			headline: "Delete Contact Info",
+			message: `Delete "${C.contactTypeName}" from this employee?`,
+			onDelete: async () => {
+				await v(m, C.contactTypeId), w(null);
+			},
+			onClose: () => w(null)
+		})
+	] });
+}
+//#endregion
+export { p as AdditionalInfoTab };

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import './App.css';
+declare function App(): import("react").JSX.Element;
+export default App;

package/dist/ChangeRequestsTab-CFCWKZkt.js

@@ -0,0 +1,342 @@
+import { CwButton as e, CwChip as t, CwDisplayMessage as n, CwInputText as r, CwLoading as i, CwMessageType as a, CwTable as o } from "@cwellt_software/cwellt-reactjs-lib";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = {
+	requestCard: "_requestCard_io5wq_1",
+	requestHeader: "_requestHeader_io5wq_9",
+	photoCompare: "_photoCompare_io5wq_16",
+	photoBox: "_photoBox_io5wq_22",
+	placeholder: "_placeholder_io5wq_33",
+	rejectInput: "_rejectInput_io5wq_44",
+	historySection: "_historySection_io5wq_53",
+	historySummary: "_historySummary_io5wq_57"
+};
+//#endregion
+//#region src/presentation/comps/tabs/ChangeRequestsTab.tsx
+function f(e) {
+	return /* @__PURE__ */ l(t, {
+		label: e,
+		colorScheme: e === "Approved" ? "success" : e === "Rejected" ? "danger" : e === "Superseded" ? "neutral" : "warning"
+	});
+}
+function p({ request: t, employeeId: i, onReviewFields: p, onApproveAll: m }) {
+	let [h, g] = s(null), [_, v] = s(""), [y, b] = s(!1), x = t.fields.filter((e) => e.status === "Pending"), S = x.length > 0, C = async (e) => {
+		b(!0);
+		try {
+			await p(t.id, [{
+				changeFieldId: e.changeFieldId,
+				approved: !0
+			}], i);
+		} catch {
+			n("Failed to approve field", a.ERROR, 5e3);
+		} finally {
+			b(!1);
+		}
+	}, w = async (e) => {
+		if (h !== e.changeFieldId) {
+			g(e.changeFieldId), v("");
+			return;
+		}
+		b(!0);
+		try {
+			await p(t.id, [{
+				changeFieldId: e.changeFieldId,
+				approved: !1,
+				comment: _ || void 0
+			}], i), g(null), v("");
+		} catch {
+			n("Failed to reject field", a.ERROR, 5e3);
+		} finally {
+			b(!1);
+		}
+	}, T = async () => {
+		b(!0);
+		try {
+			await m(t.id, i);
+		} catch {
+			n("Failed to approve all fields", a.ERROR, 5e3);
+		} finally {
+			b(!1);
+		}
+	}, E = async () => {
+		b(!0);
+		try {
+			await p(t.id, x.map((e) => ({
+				changeFieldId: e.changeFieldId,
+				approved: !1
+			})), i);
+		} catch {
+			n("Failed to reject all fields", a.ERROR, 5e3);
+		} finally {
+			b(!1);
+		}
+	}, D = [
+		...S ? [{
+			key: "actions",
+			title: "",
+			className: "cw-table-col-small",
+			render: (t) => t.status === "Pending" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
+				variant: "icon",
+				icon: "check-small",
+				color: "primary",
+				title: "Approve",
+				onClick: () => C(t),
+				disabled: y
+			}), /* @__PURE__ */ l(e, {
+				variant: "icon",
+				icon: "close",
+				color: "danger",
+				title: "Reject",
+				onClick: () => w(t),
+				disabled: y
+			})] }) : null
+		}] : [],
+		{
+			key: "fieldName",
+			title: "Field",
+			dataIndex: "fieldName",
+			className: "cw-table-col-medium"
+		},
+		{
+			key: "oldValue",
+			title: "Current",
+			dataIndex: "oldValue",
+			className: "cw-table-col-grow"
+		},
+		{
+			key: "newValue",
+			title: "Requested",
+			dataIndex: "newValue",
+			className: "cw-table-col-grow"
+		},
+		{
+			key: "status",
+			title: "Status",
+			className: "cw-table-col-small",
+			render: (e) => f(e.status)
+		},
+		...S ? [] : [{
+			key: "reviewedBy",
+			title: "Reviewed By",
+			dataIndex: "reviewedBy",
+			className: "cw-table-col-medium"
+		}, {
+			key: "reviewedAt",
+			title: "Reviewed At",
+			className: "cw-table-col-medium",
+			render: (e) => e.reviewedAt ? new Date(e.reviewedAt).toLocaleString() : null
+		}]
+	];
+	return /* @__PURE__ */ u("div", {
+		className: d.requestCard,
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: d.requestHeader,
+				children: [/* @__PURE__ */ u("div", {
+					className: "cw-flex-column cw-gap-tiny",
+					children: [/* @__PURE__ */ u("span", {
+						className: "cw-font-size-small cw-color-neutral",
+						children: [
+							"Submitted by ",
+							t.requestedBy,
+							" · ",
+							new Date(t.requestedAt).toLocaleString()
+						]
+					}), f(t.status)]
+				}), S && /* @__PURE__ */ u("div", {
+					className: "cw-flex-row cw-gap-dense",
+					children: [/* @__PURE__ */ l(e, {
+						text: "Reject All",
+						icon: "close",
+						color: "danger",
+						onClick: E,
+						disabled: y
+					}), /* @__PURE__ */ l(e, {
+						text: "Approve All",
+						icon: "check-small",
+						onClick: T,
+						disabled: y
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l(o, {
+				columns: D,
+				data: t.fields,
+				rowKey: "changeFieldId"
+			}),
+			h !== null && /* @__PURE__ */ u("div", {
+				className: d.rejectInput,
+				children: [
+					/* @__PURE__ */ l(r, {
+						labelProps: { text: "Rejection reason" },
+						value: _,
+						onChange: (e) => v(e.currentTarget.value),
+						placeholder: "Optional comment..."
+					}),
+					/* @__PURE__ */ l(e, {
+						text: "Confirm Reject",
+						color: "danger",
+						onClick: () => {
+							let e = t.fields.find((e) => e.changeFieldId === h);
+							e && w(e);
+						},
+						disabled: y
+					}),
+					/* @__PURE__ */ l(e, {
+						text: "Cancel",
+						variant: "outline",
+						onClick: () => g(null)
+					})
+				]
+			})
+		]
+	});
+}
+function m({ request: t, employeeId: i, currentImage: o, onReviewPhoto: c }) {
+	let [p, m] = s(""), [h, g] = s(!1), [_, v] = s(!1), y = t.status === "Pending", b = async () => {
+		v(!0);
+		try {
+			await c(t.id, !0, i);
+		} catch {
+			n("Failed to approve photo", a.ERROR, 5e3);
+		} finally {
+			v(!1);
+		}
+	}, x = async () => {
+		if (!h) {
+			g(!0);
+			return;
+		}
+		v(!0);
+		try {
+			await c(t.id, !1, i, p || void 0), g(!1);
+		} catch {
+			n("Failed to reject photo", a.ERROR, 5e3);
+		} finally {
+			v(!1);
+		}
+	};
+	return /* @__PURE__ */ u("div", {
+		className: d.requestCard,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: d.requestHeader,
+				children: /* @__PURE__ */ u("div", {
+					className: "cw-flex-column cw-gap-tiny",
+					children: [/* @__PURE__ */ u("span", {
+						className: "cw-font-size-small cw-color-neutral",
+						children: [
+							"Submitted by ",
+							t.requestedBy,
+							" · ",
+							new Date(t.requestedAt).toLocaleString()
+						]
+					}), f(t.status)]
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: d.photoCompare,
+				children: [/* @__PURE__ */ u("div", {
+					className: d.photoBox,
+					children: [/* @__PURE__ */ l("h5", { children: "Current" }), o ? /* @__PURE__ */ l("img", {
+						src: o,
+						alt: "Current"
+					}) : /* @__PURE__ */ l("div", {
+						className: d.placeholder,
+						children: "No photo"
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: d.photoBox,
+					children: [/* @__PURE__ */ l("h5", { children: "Proposed" }), t.photoPreviewBase64 ? /* @__PURE__ */ l("img", {
+						src: `data:image/png;base64,${t.photoPreviewBase64}`,
+						alt: "Proposed"
+					}) : /* @__PURE__ */ l("div", {
+						className: d.placeholder,
+						children: "No photo"
+					})]
+				})]
+			}),
+			y && /* @__PURE__ */ u("div", {
+				className: "cw-flex-row cw-gap-small",
+				children: [/* @__PURE__ */ l(e, {
+					text: "Approve",
+					icon: "check",
+					onClick: b,
+					disabled: _
+				}), /* @__PURE__ */ l(e, {
+					text: "Reject",
+					icon: "close",
+					color: "danger",
+					variant: "outline",
+					onClick: x,
+					disabled: _
+				})]
+			}),
+			h && /* @__PURE__ */ u("div", {
+				className: d.rejectInput,
+				children: [
+					/* @__PURE__ */ l(r, {
+						labelProps: { text: "Rejection reason" },
+						value: p,
+						onChange: (e) => m(e.currentTarget.value),
+						placeholder: "Optional comment..."
+					}),
+					/* @__PURE__ */ l(e, {
+						text: "Confirm Reject",
+						color: "danger",
+						onClick: x,
+						disabled: _
+					}),
+					/* @__PURE__ */ l(e, {
+						text: "Cancel",
+						variant: "outline",
+						onClick: () => g(!1)
+					})
+				]
+			})
+		]
+	});
+}
+function h({ requests: e, employeeId: t, loading: n, onReviewFields: r, onApproveAll: a, onReviewPhoto: o, currentImage: s }) {
+	if (n) return /* @__PURE__ */ l(i, { size: "small" });
+	let c = e.filter((e) => e.status === "Pending" || e.status === "PartiallyApproved"), f = e.filter((e) => e.status !== "Pending" && e.status !== "PartiallyApproved");
+	return c.length === 0 && f.length === 0 ? /* @__PURE__ */ l("p", {
+		className: "cw-color-neutral",
+		children: "No change requests."
+	}) : /* @__PURE__ */ u("div", {
+		className: "cw-flex-column",
+		children: [c.map((e) => e.changeType === "Photo" ? /* @__PURE__ */ l(m, {
+			request: e,
+			employeeId: t,
+			currentImage: s,
+			onReviewPhoto: o
+		}, e.id) : /* @__PURE__ */ l(p, {
+			request: e,
+			employeeId: t,
+			onReviewFields: r,
+			onApproveAll: a
+		}, e.id)), f.length > 0 && /* @__PURE__ */ u("details", {
+			className: d.historySection,
+			children: [/* @__PURE__ */ u("summary", {
+				className: d.historySummary,
+				children: [
+					"History (",
+					f.length,
+					")"
+				]
+			}), f.map((e) => e.changeType === "Photo" ? /* @__PURE__ */ l(m, {
+				request: e,
+				employeeId: t,
+				currentImage: s,
+				onReviewPhoto: o
+			}, e.id) : /* @__PURE__ */ l(p, {
+				request: e,
+				employeeId: t,
+				onReviewFields: r,
+				onApproveAll: a
+			}, e.id))]
+		})]
+	});
+}
+//#endregion
+export { h as ChangeRequestsTab };

package/dist/ChangeRequestsTab-CY7-qObu.cjs

@@ -0,0 +1 @@
+let e=require("@cwellt_software/cwellt-reactjs-lib"),t=require("react"),n=require("react/jsx-runtime");var r={requestCard:`_requestCard_io5wq_1`,requestHeader:`_requestHeader_io5wq_9`,photoCompare:`_photoCompare_io5wq_16`,photoBox:`_photoBox_io5wq_22`,placeholder:`_placeholder_io5wq_33`,rejectInput:`_rejectInput_io5wq_44`,historySection:`_historySection_io5wq_53`,historySummary:`_historySummary_io5wq_57`};function i(t){return(0,n.jsx)(e.CwChip,{label:t,colorScheme:t===`Approved`?`success`:t===`Rejected`?`danger`:t===`Superseded`?`neutral`:`warning`})}function a({request:a,employeeId:o,onReviewFields:s,onApproveAll:c}){let[l,u]=(0,t.useState)(null),[d,f]=(0,t.useState)(``),[p,m]=(0,t.useState)(!1),h=a.fields.filter(e=>e.status===`Pending`),g=h.length>0,_=async t=>{m(!0);try{await s(a.id,[{changeFieldId:t.changeFieldId,approved:!0}],o)}catch{(0,e.CwDisplayMessage)(`Failed to approve field`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}},v=async t=>{if(l!==t.changeFieldId){u(t.changeFieldId),f(``);return}m(!0);try{await s(a.id,[{changeFieldId:t.changeFieldId,approved:!1,comment:d||void 0}],o),u(null),f(``)}catch{(0,e.CwDisplayMessage)(`Failed to reject field`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}},y=async()=>{m(!0);try{await c(a.id,o)}catch{(0,e.CwDisplayMessage)(`Failed to approve all fields`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}},b=async()=>{m(!0);try{await s(a.id,h.map(e=>({changeFieldId:e.changeFieldId,approved:!1})),o)}catch{(0,e.CwDisplayMessage)(`Failed to reject all fields`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}},x=[...g?[{key:`actions`,title:``,className:`cw-table-col-small`,render:t=>t.status===`Pending`?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.CwButton,{variant:`icon`,icon:`check-small`,color:`primary`,title:`Approve`,onClick:()=>_(t),disabled:p}),(0,n.jsx)(e.CwButton,{variant:`icon`,icon:`close`,color:`danger`,title:`Reject`,onClick:()=>v(t),disabled:p})]}):null}]:[],{key:`fieldName`,title:`Field`,dataIndex:`fieldName`,className:`cw-table-col-medium`},{key:`oldValue`,title:`Current`,dataIndex:`oldValue`,className:`cw-table-col-grow`},{key:`newValue`,title:`Requested`,dataIndex:`newValue`,className:`cw-table-col-grow`},{key:`status`,title:`Status`,className:`cw-table-col-small`,render:e=>i(e.status)},...g?[]:[{key:`reviewedBy`,title:`Reviewed By`,dataIndex:`reviewedBy`,className:`cw-table-col-medium`},{key:`reviewedAt`,title:`Reviewed At`,className:`cw-table-col-medium`,render:e=>e.reviewedAt?new Date(e.reviewedAt).toLocaleString():null}]];return(0,n.jsxs)(`div`,{className:r.requestCard,children:[(0,n.jsxs)(`div`,{className:r.requestHeader,children:[(0,n.jsxs)(`div`,{className:`cw-flex-column cw-gap-tiny`,children:[(0,n.jsxs)(`span`,{className:`cw-font-size-small cw-color-neutral`,children:[`Submitted by `,a.requestedBy,` · `,new Date(a.requestedAt).toLocaleString()]}),i(a.status)]}),g&&(0,n.jsxs)(`div`,{className:`cw-flex-row cw-gap-dense`,children:[(0,n.jsx)(e.CwButton,{text:`Reject All`,icon:`close`,color:`danger`,onClick:b,disabled:p}),(0,n.jsx)(e.CwButton,{text:`Approve All`,icon:`check-small`,onClick:y,disabled:p})]})]}),(0,n.jsx)(e.CwTable,{columns:x,data:a.fields,rowKey:`changeFieldId`}),l!==null&&(0,n.jsxs)(`div`,{className:r.rejectInput,children:[(0,n.jsx)(e.CwInputText,{labelProps:{text:`Rejection reason`},value:d,onChange:e=>f(e.currentTarget.value),placeholder:`Optional comment...`}),(0,n.jsx)(e.CwButton,{text:`Confirm Reject`,color:`danger`,onClick:()=>{let e=a.fields.find(e=>e.changeFieldId===l);e&&v(e)},disabled:p}),(0,n.jsx)(e.CwButton,{text:`Cancel`,variant:`outline`,onClick:()=>u(null)})]})]})}function o({request:a,employeeId:o,currentImage:s,onReviewPhoto:c}){let[l,u]=(0,t.useState)(``),[d,f]=(0,t.useState)(!1),[p,m]=(0,t.useState)(!1),h=a.status===`Pending`,g=async()=>{m(!0);try{await c(a.id,!0,o)}catch{(0,e.CwDisplayMessage)(`Failed to approve photo`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}},_=async()=>{if(!d){f(!0);return}m(!0);try{await c(a.id,!1,o,l||void 0),f(!1)}catch{(0,e.CwDisplayMessage)(`Failed to reject photo`,e.CwMessageType.ERROR,5e3)}finally{m(!1)}};return(0,n.jsxs)(`div`,{className:r.requestCard,children:[(0,n.jsx)(`div`,{className:r.requestHeader,children:(0,n.jsxs)(`div`,{className:`cw-flex-column cw-gap-tiny`,children:[(0,n.jsxs)(`span`,{className:`cw-font-size-small cw-color-neutral`,children:[`Submitted by `,a.requestedBy,` · `,new Date(a.requestedAt).toLocaleString()]}),i(a.status)]})}),(0,n.jsxs)(`div`,{className:r.photoCompare,children:[(0,n.jsxs)(`div`,{className:r.photoBox,children:[(0,n.jsx)(`h5`,{children:`Current`}),s?(0,n.jsx)(`img`,{src:s,alt:`Current`}):(0,n.jsx)(`div`,{className:r.placeholder,children:`No photo`})]}),(0,n.jsxs)(`div`,{className:r.photoBox,children:[(0,n.jsx)(`h5`,{children:`Proposed`}),a.photoPreviewBase64?(0,n.jsx)(`img`,{src:`data:image/png;base64,${a.photoPreviewBase64}`,alt:`Proposed`}):(0,n.jsx)(`div`,{className:r.placeholder,children:`No photo`})]})]}),h&&(0,n.jsxs)(`div`,{className:`cw-flex-row cw-gap-small`,children:[(0,n.jsx)(e.CwButton,{text:`Approve`,icon:`check`,onClick:g,disabled:p}),(0,n.jsx)(e.CwButton,{text:`Reject`,icon:`close`,color:`danger`,variant:`outline`,onClick:_,disabled:p})]}),d&&(0,n.jsxs)(`div`,{className:r.rejectInput,children:[(0,n.jsx)(e.CwInputText,{labelProps:{text:`Rejection reason`},value:l,onChange:e=>u(e.currentTarget.value),placeholder:`Optional comment...`}),(0,n.jsx)(e.CwButton,{text:`Confirm Reject`,color:`danger`,onClick:_,disabled:p}),(0,n.jsx)(e.CwButton,{text:`Cancel`,variant:`outline`,onClick:()=>f(!1)})]})]})}function s({requests:t,employeeId:i,loading:s,onReviewFields:c,onApproveAll:l,onReviewPhoto:u,currentImage:d}){if(s)return(0,n.jsx)(e.CwLoading,{size:`small`});let f=t.filter(e=>e.status===`Pending`||e.status===`PartiallyApproved`),p=t.filter(e=>e.status!==`Pending`&&e.status!==`PartiallyApproved`);return f.length===0&&p.length===0?(0,n.jsx)(`p`,{className:`cw-color-neutral`,children:`No change requests.`}):(0,n.jsxs)(`div`,{className:`cw-flex-column`,children:[f.map(e=>e.changeType===`Photo`?(0,n.jsx)(o,{request:e,employeeId:i,currentImage:d,onReviewPhoto:u},e.id):(0,n.jsx)(a,{request:e,employeeId:i,onReviewFields:c,onApproveAll:l},e.id)),p.length>0&&(0,n.jsxs)(`details`,{className:r.historySection,children:[(0,n.jsxs)(`summary`,{className:r.historySummary,children:[`History (`,p.length,`)`]}),p.map(e=>e.changeType===`Photo`?(0,n.jsx)(o,{request:e,employeeId:i,currentImage:d,onReviewPhoto:u},e.id):(0,n.jsx)(a,{request:e,employeeId:i,onReviewFields:c,onApproveAll:l},e.id))]})]})}exports.ChangeRequestsTab=s;

package/dist/CosmicRadiationTab-6fqnDLH3.cjs

@@ -0,0 +1 @@
+const e=require("./dateUtils-BULQTXVb.cjs");let t=require("@cwellt_software/cwellt-reactjs-lib"),n=require("react"),r=require("react/jsx-runtime");function i({data:i,employeeId:a,onUpdate:o}){let[s,c]=(0,n.useState)(!1),[l,u]=(0,n.useState)(i??{maidenName:``,ssrNumber:``,pregnantFrom:null,radiationSincePregnant:null}),d=()=>{u(i??{maidenName:``,ssrNumber:``,pregnantFrom:null,radiationSincePregnant:null}),c(!0)},f=async()=>{try{await o(a,l),c(!1),(0,t.CwDisplayMessage)(`Saved`,t.CwMessageType.SUCCESS,3e3)}catch{(0,t.CwDisplayMessage)(`Failed to save`,t.CwMessageType.ERROR,5e3)}},p=e.a,m=e.i;return(0,r.jsxs)(`section`,{children:[(0,r.jsx)(`header`,{className:`cw-flex-row cw-margin-bottom-small`,children:(0,r.jsx)(t.CwButton,{text:`Edit`,icon:`edit`,onClick:d,"data-testid":`tab-cosmicRadiation-edit-button`})}),(0,r.jsx)(t.CwKeyValueList,{direction:`column`,items:[{key:`maidenName`,label:`Maiden Name`,value:i?.maidenName},{key:`ssrNumber`,label:`SSR Number`,value:i?.ssrNumber},{key:`pregnantFrom`,label:`Pregnant From`,value:(t=>e.r(t,`-`))(i?.pregnantFrom??null)},{key:`radiationSincePregnant`,label:`Radiation Since Pregnant`,value:i?.radiationSincePregnant}]}),s&&(0,r.jsx)(t.CwDialog,{open:!0,headline:`Edit Cosmic Radiation`,onClose:()=>c(!1),onSave:f,width:`30rem`,children:(0,r.jsxs)(`div`,{className:`cw-flex-column`,"data-label-width":`15rem`,children:[(0,r.jsx)(t.CwInputText,{labelProps:{text:`Maiden Name`},value:l.maidenName,onChange:e=>{let t=e.currentTarget.value;u(e=>({...e,maidenName:t}))},"data-testid":`tab-cosmicRadiation-form-maidenName`}),(0,r.jsx)(t.CwInputText,{labelProps:{text:`SSR Number`},value:l.ssrNumber,onChange:e=>{let t=e.currentTarget.value;u(e=>({...e,ssrNumber:t}))}}),(0,r.jsx)(t.CwDatePicker,{labelProps:{text:`Pregnant From`},value:p(l.pregnantFrom),onChange:e=>u(t=>({...t,pregnantFrom:m(e)})),showClear:!0}),(0,r.jsx)(t.CwDigit,{labelProps:{text:`Radiation Since Pregnant`},value:l.radiationSincePregnant==null?``:String(l.radiationSincePregnant),onChange:e=>{let t=e.currentTarget.value;u(e=>({...e,radiationSincePregnant:t?Number(t):null}))}})]})})]})}exports.CosmicRadiationTab=i;