@pipe0/react 0.0.2

package/dist/components/defaults/adapters/multi-select-input.mjs

@@ -0,0 +1,26 @@
+import { SuggestCombobox } from "../../internal/combobox/suggest-combobox.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/multi-select-input.tsx
+function MultiSelectInputAdapter(field) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		children: /* @__PURE__ */ jsx(SuggestCombobox, {
+			value: field.selected,
+			onChange: (next) => {
+				const current = new Set(field.selected);
+				const incoming = new Set(next);
+				[...current, ...incoming].forEach((v) => {
+					if (current.has(v) !== incoming.has(v)) field.onToggle(v);
+				});
+			},
+			options: field.options,
+			ariaInvalid: !!field.error,
+			placeholder: field.meta.placeholder
+		})
+	});
+}
+
+//#endregion
+export { MultiSelectInputAdapter };
+//# sourceMappingURL=multi-select-input.mjs.map

package/dist/components/defaults/adapters/multi-select-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/multi-select-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\n\nexport function MultiSelectInputAdapter(field: FieldHandle<\"multi_select_input\">) {\n  return (\n    <div data-p0=\"input\">\n      <SuggestCombobox\n        value={field.selected}\n        onChange={(next) => {\n          // Replay as toggles so the field handle stays the source of truth.\n          const current = new Set(field.selected);\n          const incoming = new Set(next);\n          [...current, ...incoming].forEach((v) => {\n            if (current.has(v) !== incoming.has(v)) field.onToggle(v);\n          });\n        }}\n        options={field.options}\n        ariaInvalid={!!field.error}\n        placeholder={field.meta.placeholder}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,wBAAwB,OAA0C;AAChF,QACE,oBAAC,OAAD;EAAK,WAAQ;YACX,oBAAC,iBAAD;GACE,OAAO,MAAM;GACb,WAAW,SAAS;IAElB,MAAM,UAAU,IAAI,IAAI,MAAM,SAAS;IACvC,MAAM,WAAW,IAAI,IAAI,KAAK;AAC9B,KAAC,GAAG,SAAS,GAAG,SAAS,CAAC,SAAS,MAAM;AACvC,SAAI,QAAQ,IAAI,EAAE,KAAK,SAAS,IAAI,EAAE,CAAE,OAAM,SAAS,EAAE;MACzD;;GAEJ,SAAS,MAAM;GACf,aAAa,CAAC,CAAC,MAAM;GACrB,aAAa,MAAM,KAAK;GACxB;EACE"}

package/dist/components/defaults/adapters/number-input.mjs

@@ -0,0 +1,15 @@
+import { Input } from "../../ui/input.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/number-input.tsx
+function NumberInputAdapter(field) {
+	return /* @__PURE__ */ jsx(Input, {
+		...field.inputProps,
+		"data-p0": "input",
+		"aria-invalid": !!field.error
+	});
+}
+
+//#endregion
+export { NumberInputAdapter };
+//# sourceMappingURL=number-input.mjs.map

package/dist/components/defaults/adapters/number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/number-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport function NumberInputAdapter(field: FieldHandle<\"number_input\">) {\n  return <Input {...field.inputProps} data-p0=\"input\" aria-invalid={!!field.error} />;\n}\n"],"mappings":";;;;AAGA,SAAgB,mBAAmB,OAAoC;AACrE,QAAO,oBAAC,OAAD;EAAO,GAAI,MAAM;EAAY,WAAQ;EAAQ,gBAAc,CAAC,CAAC,MAAM;EAAS"}

package/dist/components/defaults/adapters/ordered-multi-create-input.mjs

@@ -0,0 +1,43 @@
+import { useFieldError } from "../../../hooks/use-field-error.mjs";
+import { SuggestCombobox } from "../../internal/combobox/suggest-combobox.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/ordered-multi-create-input.tsx
+function OrderedMultiCreateInputAdapter(field) {
+	const itemsError = useFieldError(field.form, field.path);
+	const onChange = (next) => {
+		const prev = field.items;
+		const prevSet = new Set(prev);
+		const nextSet = new Set(next);
+		for (const v of prev) if (!nextSet.has(v)) field.remove(v);
+		for (const v of next) if (!prevSet.has(v)) field.add(v);
+		const afterAddRemove = prev.filter((v) => nextSet.has(v)).concat(next.filter((v) => !prevSet.has(v)));
+		for (let target = 0; target < next.length; target++) {
+			if (afterAddRemove[target] === next[target]) continue;
+			const source = afterAddRemove.indexOf(next[target], target);
+			if (source === -1 || source === target) continue;
+			field.reorder(source, target);
+			const [moved] = afterAddRemove.splice(source, 1);
+			afterAddRemove.splice(target, 0, moved);
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-1",
+		children: /* @__PURE__ */ jsx(SuggestCombobox, {
+			value: field.items,
+			onChange,
+			options: field.options,
+			loadOptions: field.loadOptions,
+			allowCreate: true,
+			reorderable: true,
+			maxItems: field.meta.maxItems,
+			placeholder: field.meta.placeholder,
+			ariaInvalid: !!itemsError || !!field.error
+		})
+	});
+}
+
+//#endregion
+export { OrderedMultiCreateInputAdapter };
+//# sourceMappingURL=ordered-multi-create-input.mjs.map

package/dist/components/defaults/adapters/ordered-multi-create-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordered-multi-create-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/ordered-multi-create-input.tsx"],"sourcesContent":["import { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\n\nexport function OrderedMultiCreateInputAdapter(field: FieldHandle<\"ordered_multi_create_input\">) {\n  const itemsError = useFieldError(field.form, field.path);\n\n  const onChange = (next: string[]) => {\n    const prev = field.items;\n    const prevSet = new Set(prev);\n    const nextSet = new Set(next);\n\n    for (const v of prev) if (!nextSet.has(v)) field.remove(v);\n    for (const v of next) if (!prevSet.has(v)) field.add(v);\n\n    const afterAddRemove = prev\n      .filter((v) => nextSet.has(v))\n      .concat(next.filter((v) => !prevSet.has(v)));\n\n    for (let target = 0; target < next.length; target++) {\n      if (afterAddRemove[target] === next[target]) continue;\n      const source = afterAddRemove.indexOf(next[target], target);\n      if (source === -1 || source === target) continue;\n      field.reorder(source, target);\n      const [moved] = afterAddRemove.splice(source, 1);\n      afterAddRemove.splice(target, 0, moved);\n    }\n  };\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-1\">\n      <SuggestCombobox\n        value={field.items}\n        onChange={onChange}\n        options={field.options}\n        loadOptions={field.loadOptions}\n        allowCreate\n        reorderable\n        maxItems={field.meta.maxItems}\n        placeholder={field.meta.placeholder}\n        ariaInvalid={!!itemsError || !!field.error}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,+BAA+B,OAAkD;CAC/F,MAAM,aAAa,cAAc,MAAM,MAAM,MAAM,KAAK;CAExD,MAAM,YAAY,SAAmB;EACnC,MAAM,OAAO,MAAM;EACnB,MAAM,UAAU,IAAI,IAAI,KAAK;EAC7B,MAAM,UAAU,IAAI,IAAI,KAAK;AAE7B,OAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,OAAM,OAAO,EAAE;AAC1D,OAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,OAAM,IAAI,EAAE;EAEvD,MAAM,iBAAiB,KACpB,QAAQ,MAAM,QAAQ,IAAI,EAAE,CAAC,CAC7B,OAAO,KAAK,QAAQ,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;AAE9C,OAAK,IAAI,SAAS,GAAG,SAAS,KAAK,QAAQ,UAAU;AACnD,OAAI,eAAe,YAAY,KAAK,QAAS;GAC7C,MAAM,SAAS,eAAe,QAAQ,KAAK,SAAS,OAAO;AAC3D,OAAI,WAAW,MAAM,WAAW,OAAQ;AACxC,SAAM,QAAQ,QAAQ,OAAO;GAC7B,MAAM,CAAC,SAAS,eAAe,OAAO,QAAQ,EAAE;AAChD,kBAAe,OAAO,QAAQ,GAAG,MAAM;;;AAI3C,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAC7B,oBAAC,iBAAD;GACE,OAAO,MAAM;GACH;GACV,SAAS,MAAM;GACf,aAAa,MAAM;GACnB;GACA;GACA,UAAU,MAAM,KAAK;GACrB,aAAa,MAAM,KAAK;GACxB,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,MAAM;GACrC;EACE"}

package/dist/components/defaults/adapters/output-field-input.mjs

@@ -0,0 +1,37 @@
+import { Input } from "../../ui/input.mjs";
+import { Switch } from "../../ui/switch.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/output-field-input.tsx
+function OutputFieldInputAdapter(field) {
+	const value = field.value ?? {
+		alias: "",
+		enabled: true
+	};
+	const enabled = value.enabled;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:items-center pz:gap-2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			className: "pz:flex-1",
+			value: value.alias,
+			onChange: (e) => field.setValue({
+				...value,
+				alias: e.target.value
+			}),
+			placeholder: field.meta.placeholder,
+			disabled: !enabled,
+			"aria-invalid": !!field.error
+		}), /* @__PURE__ */ jsx(Switch, {
+			checked: enabled,
+			onCheckedChange: (checked) => field.setValue({
+				...value,
+				enabled: !!checked
+			})
+		})]
+	});
+}
+
+//#endregion
+export { OutputFieldInputAdapter };
+//# sourceMappingURL=output-field-input.mjs.map

package/dist/components/defaults/adapters/output-field-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-field-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/output-field-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { Input } from \"../../ui/input.js\";\nimport { Switch } from \"../../ui/switch.js\";\n\nexport function OutputFieldInputAdapter(field: FieldHandle<\"output_field_input\">) {\n  const value = field.value ?? { alias: \"\", enabled: true };\n  const enabled = value.enabled;\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:items-center pz:gap-2\">\n      <Input\n        className=\"pz:flex-1\"\n        value={value.alias}\n        onChange={(e) => field.setValue({ ...value, alias: e.target.value })}\n        placeholder={field.meta.placeholder}\n        disabled={!enabled}\n        aria-invalid={!!field.error}\n      />\n      <Switch\n        checked={enabled}\n        onCheckedChange={(checked) => field.setValue({ ...value, enabled: !!checked })}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,wBAAwB,OAA0C;CAChF,MAAM,QAAQ,MAAM,SAAS;EAAE,OAAO;EAAI,SAAS;EAAM;CACzD,MAAM,UAAU,MAAM;AAEtB,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,oBAAC,OAAD;GACE,WAAU;GACV,OAAO,MAAM;GACb,WAAW,MAAM,MAAM,SAAS;IAAE,GAAG;IAAO,OAAO,EAAE,OAAO;IAAO,CAAC;GACpE,aAAa,MAAM,KAAK;GACxB,UAAU,CAAC;GACX,gBAAc,CAAC,CAAC,MAAM;GACtB,GACF,oBAAC,QAAD;GACE,SAAS;GACT,kBAAkB,YAAY,MAAM,SAAS;IAAE,GAAG;IAAO,SAAS,CAAC,CAAC;IAAS,CAAC;GAC9E,EACE"}

package/dist/components/defaults/adapters/pipes-trigger-input.mjs

@@ -0,0 +1,381 @@
+import { cn } from "../../../lib/utils.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
+import { Input } from "../../ui/input.mjs";
+import { IconPlus } from "../../internal/icons.mjs";
+import { HoverInfo } from "../../hover-info.mjs";
+import { Badge } from "../../ui/badge.mjs";
+import { useFieldError } from "../../../hooks/use-field-error.mjs";
+import { FieldSectionEnumeration } from "../field-section-enumeration.mjs";
+import { useCallback, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { TRIGGER_OPERATOR_LABELS, TRIGGER_STATUS_OPERATORS, TRIGGER_VALUE_OPERATORS } from "@pipe0/base";
+
+//#region src/components/defaults/adapters/pipes-trigger-input.tsx
+const OPERATORS_BY_TYPE = {
+	string: [
+		"eq",
+		"neq",
+		"contains"
+	],
+	number: [
+		"eq",
+		"neq",
+		"gt",
+		"gte",
+		"lt",
+		"lte"
+	],
+	boolean: ["eq", "neq"],
+	json: [],
+	unknown: []
+};
+const EMPTY_CONDITION = {
+	field_name: "",
+	property: "value",
+	operator: "eq",
+	value: ""
+};
+const CONNECTOR_GAP = 32;
+function ConditionRow({ condition, index, eligibleFields, fieldsByName, isFirst, isLast, logic, form, basePath, onUpdate, onRemove, onAddCondition, onLogicChange }) {
+	const conditionPath = `${basePath}.when.conditions.${index}`;
+	const valueError = useFieldError(form, `${conditionPath}.value`);
+	const fieldNameError = useFieldError(form, `${conditionPath}.field_name`);
+	const operatorError = useFieldError(form, `${conditionPath}.operator`);
+	const propertyError = useFieldError(form, `${conditionPath}.property`);
+	const showConnector = !(isFirst && isLast);
+	const hasEligibleFields = eligibleFields.length > 0;
+	const selectedField = condition.field_name ? fieldsByName.get(condition.field_name) : void 0;
+	const availableOperators = useMemo(() => {
+		if (condition.property === "status") return TRIGGER_STATUS_OPERATORS.map((op) => ({
+			value: op,
+			label: TRIGGER_OPERATOR_LABELS[op]
+		}));
+		if (!selectedField?.type) return [];
+		return TRIGGER_VALUE_OPERATORS.map((op) => ({
+			value: op,
+			label: TRIGGER_OPERATOR_LABELS[op]
+		})).filter((op) => OPERATORS_BY_TYPE[selectedField.type].includes(op.value));
+	}, [condition.property, selectedField]);
+	const renderValueInput = () => {
+		if (!condition.field_name || !selectedField) return /* @__PURE__ */ jsx(Input, {
+			className: "pz:w-32",
+			placeholder: "",
+			disabled: true,
+			"aria-invalid": !!valueError
+		});
+		if (condition.property === "status") return /* @__PURE__ */ jsxs(Select, {
+			value: String(condition.value) || void 0,
+			onValueChange: (v) => onUpdate(index, {
+				...condition,
+				value: v
+			}),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "pz:w-32",
+				"aria-invalid": !!valueError,
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "--status--" })
+			}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+				/* @__PURE__ */ jsx(SelectItem, {
+					value: "completed",
+					children: "completed"
+				}),
+				/* @__PURE__ */ jsx(SelectItem, {
+					value: "skipped",
+					children: "skipped"
+				}),
+				/* @__PURE__ */ jsx(SelectItem, {
+					value: "failed",
+					children: "failed"
+				}),
+				/* @__PURE__ */ jsx(SelectItem, {
+					value: "no_result",
+					children: "no_result"
+				})
+			] })]
+		});
+		if (selectedField.type === "boolean") return /* @__PURE__ */ jsxs(Select, {
+			value: String(condition.value),
+			onValueChange: (v) => onUpdate(index, {
+				...condition,
+				value: v
+			}),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "pz:w-24",
+				"aria-invalid": !!valueError,
+				children: /* @__PURE__ */ jsx(SelectValue, {})
+			}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+				value: "true",
+				children: "true"
+			}), /* @__PURE__ */ jsx(SelectItem, {
+				value: "false",
+				children: "false"
+			})] })]
+		});
+		if (selectedField.type === "number") return /* @__PURE__ */ jsx(Input, {
+			type: "number",
+			className: "pz:w-32",
+			"aria-invalid": !!valueError,
+			value: String(Number(condition.value ?? 0)),
+			onChange: (e) => onUpdate(index, {
+				...condition,
+				value: Number(e.target.value) || 0
+			}),
+			placeholder: ""
+		});
+		return /* @__PURE__ */ jsx(Input, {
+			className: "pz:w-32",
+			"aria-invalid": !!valueError,
+			value: String(condition.value ?? ""),
+			onChange: (e) => onUpdate(index, {
+				...condition,
+				value: e.target.value
+			}),
+			placeholder: ""
+		});
+	};
+	const errorMessage = valueError || fieldNameError || operatorError || propertyError;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: cn("pz:relative", showConnector && "pz:pl-17"),
+		children: [
+			showConnector && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				isFirst ? /* @__PURE__ */ jsx("div", {
+					className: "pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-t-2 pz:border-input pz:rounded-tl-lg pz:pointer-events-none",
+					style: {
+						top: "50%",
+						bottom: -CONNECTOR_GAP
+					}
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-b-2 pz:border-input pz:rounded-bl-lg pz:pointer-events-none",
+					style: {
+						top: -CONNECTOR_GAP,
+						bottom: "50%"
+					}
+				}),
+				!isFirst && !isLast && /* @__PURE__ */ jsx("div", {
+					className: "pz:absolute pz:left-7 pz:border-l-2 pz:border-input pz:pointer-events-none",
+					style: {
+						top: "50%",
+						bottom: -CONNECTOR_GAP
+					}
+				}),
+				!isFirst && /* @__PURE__ */ jsx("div", {
+					className: "pz:absolute pz:left-7 pz:z-10",
+					style: {
+						top: -CONNECTOR_GAP / 2,
+						transform: "translate(-50%, -50%)"
+					},
+					children: /* @__PURE__ */ jsxs(Select, {
+						value: logic,
+						onValueChange: (v) => onLogicChange(v),
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "pz:w-17 pz:h-6 pz:text-xs pz:bg-background pz:hover:bg-accent",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectItem, {
+							value: "and",
+							children: "AND"
+						}), /* @__PURE__ */ jsx(SelectItem, {
+							value: "or",
+							children: "OR"
+						})] }) })]
+					})
+				})
+			] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "pz:flex pz:flex-wrap pz:items-center pz:gap-2",
+				children: [
+					/* @__PURE__ */ jsx(FieldSectionEnumeration, {
+						index,
+						onRemove
+					}),
+					/* @__PURE__ */ jsxs(Select, {
+						value: condition.field_name || void 0,
+						disabled: !hasEligibleFields,
+						onValueChange: (v) => {
+							if (v === null) return;
+							onUpdate(index, {
+								...condition,
+								field_name: v,
+								operator: "eq",
+								value: ""
+							});
+						},
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "pz:w-40",
+							"aria-invalid": !!fieldNameError,
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select field" })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: eligibleFields.map((f) => /* @__PURE__ */ jsx(SelectItem, {
+							value: f.fieldName,
+							children: f.fieldLabel || f.fieldName
+						}, f.fieldName)) })]
+					}),
+					!hasEligibleFields && /* @__PURE__ */ jsxs("span", {
+						className: "pz:text-xs pz:text-muted-foreground",
+						children: [
+							"No fields available",
+							" ",
+							/* @__PURE__ */ jsx(HoverInfo, { children: "Conditions require plain fields. JSON fields are not allowed." })
+						]
+					}),
+					selectedField?.type && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(Badge, {
+							variant: "secondary",
+							className: "pz:bg-accent pz:border pz:border-input pz:font-normal pz:text-muted-foreground pz:h-8",
+							children: "'s"
+						}),
+						/* @__PURE__ */ jsxs(Select, {
+							defaultValue: "value",
+							value: condition.property,
+							onValueChange: (v) => {
+								if (v === null) return;
+								onUpdate(index, {
+									...condition,
+									property: v,
+									operator: "eq",
+									value: ""
+								});
+							},
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								className: "pz:w-28",
+								"aria-invalid": !!propertyError,
+								children: /* @__PURE__ */ jsx(SelectValue, {})
+							}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+								value: "value",
+								children: "value"
+							}), /* @__PURE__ */ jsx(SelectItem, {
+								value: "status",
+								children: "status"
+							})] })]
+						}),
+						/* @__PURE__ */ jsxs(Select, {
+							value: condition.operator,
+							onValueChange: (v) => onUpdate(index, {
+								...condition,
+								operator: v
+							}),
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								className: "pz:w-28",
+								"aria-invalid": !!operatorError,
+								children: /* @__PURE__ */ jsx(SelectValue, {})
+							}), /* @__PURE__ */ jsx(SelectContent, { children: availableOperators.map((op) => /* @__PURE__ */ jsx(SelectItem, {
+								value: op.value,
+								children: op.label
+							}, op.value)) })]
+						}),
+						renderValueInput()
+					] })
+				]
+			}),
+			errorMessage && /* @__PURE__ */ jsx("span", {
+				className: "pz:text-destructive pz:text-xs pz:font-medium pz:mt-1 pz:block",
+				role: "alert",
+				children: errorMessage
+			})
+		]
+	}), isLast && /* @__PURE__ */ jsx("div", {
+		className: "pz:flex pz:items-center pz:gap-2",
+		children: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "link",
+			size: "xs",
+			onClick: onAddCondition,
+			children: [/* @__PURE__ */ jsx(IconPlus, {}), "New rule"]
+		})
+	})] });
+}
+function PipesTriggerInputAdapter(field) {
+	const pipeTrigger = field.value;
+	const meta = field.meta;
+	const eligibleFields = useMemo(() => meta.fields.filter((f) => OPERATORS_BY_TYPE[f.type].length > 0), [meta.fields]);
+	const fieldsByName = useMemo(() => new Map(meta.fields.map((f) => [f.fieldName, f])), [meta.fields]);
+	const addTrigger = useCallback(() => {
+		field.setValue({
+			action: "run",
+			when: {
+				logic: "and",
+				conditions: [{ ...EMPTY_CONDITION }]
+			}
+		});
+	}, [field]);
+	const updateCondition = (index, condition) => {
+		if (!pipeTrigger) return;
+		const newConditions = [...pipeTrigger.when.conditions];
+		newConditions[index] = condition;
+		field.setValue({
+			...pipeTrigger,
+			when: {
+				...pipeTrigger.when,
+				conditions: newConditions
+			}
+		});
+	};
+	const removeCondition = (index) => {
+		if (!pipeTrigger) return;
+		if (pipeTrigger.when.conditions.length <= 1) {
+			field.setValue(null);
+			return;
+		}
+		const newConditions = pipeTrigger.when.conditions.filter((_, i) => i !== index);
+		field.setValue({
+			...pipeTrigger,
+			when: {
+				...pipeTrigger.when,
+				conditions: newConditions
+			}
+		});
+	};
+	const addCondition = () => {
+		if (!pipeTrigger) return;
+		field.setValue({
+			...pipeTrigger,
+			when: {
+				...pipeTrigger.when,
+				conditions: [...pipeTrigger.when.conditions, { ...EMPTY_CONDITION }]
+			}
+		});
+	};
+	const changeLogic = (logic) => {
+		if (!pipeTrigger) return;
+		field.setValue({
+			...pipeTrigger,
+			when: {
+				...pipeTrigger.when,
+				logic
+			}
+		});
+	};
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		children: !pipeTrigger ? /* @__PURE__ */ jsx("div", {
+			className: "pz:flex pz:items-center",
+			children: /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "link",
+				size: "xs",
+				className: "pz:px-0",
+				onClick: addTrigger,
+				children: [/* @__PURE__ */ jsx(IconPlus, {}), "New rule"]
+			})
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "pz:flex pz:flex-col pz:gap-8",
+			children: pipeTrigger.when.conditions.map((condition, idx) => /* @__PURE__ */ jsx(ConditionRow, {
+				condition,
+				index: idx,
+				eligibleFields,
+				fieldsByName,
+				isFirst: idx === 0,
+				isLast: idx === pipeTrigger.when.conditions.length - 1,
+				logic: pipeTrigger.when.logic,
+				form: field.form,
+				basePath: field.path,
+				onUpdate: updateCondition,
+				onRemove: removeCondition,
+				onAddCondition: addCondition,
+				onLogicChange: changeLogic
+			}, idx))
+		})
+	});
+}
+
+//#endregion
+export { PipesTriggerInputAdapter };
+//# sourceMappingURL=pipes-trigger-input.mjs.map

package/dist/components/defaults/adapters/pipes-trigger-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipes-trigger-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/pipes-trigger-input.tsx"],"sourcesContent":["import {\n  type ConditionOperators,\n  type PipesTriggerMeta,\n  type PipeTrigger,\n  type RecordFieldType,\n  TRIGGER_OPERATOR_LABELS,\n  TRIGGER_STATUS_OPERATORS,\n  TRIGGER_VALUE_OPERATORS,\n} from \"@pipe0/base\";\nimport { useCallback, useMemo } from \"react\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { HoverInfo } from \"../../hover-info.js\";\nimport { IconPlus } from \"../../internal/icons.js\";\nimport { Badge } from \"../../ui/badge.js\";\nimport { Button } from \"../../ui/button.js\";\nimport { Input } from \"../../ui/input.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui/select.js\";\nimport { FieldSectionEnumeration } from \"../field-section-enumeration.js\";\n\n// Use a loose type for internal manipulation since the discriminated union\n// is strict about property/operator/value combinations.\ntype Condition = {\n  field_name: string;\n  property: string;\n  operator: string;\n  value: unknown;\n};\n\nconst OPERATORS_BY_TYPE: Record<RecordFieldType, ConditionOperators[]> = {\n  string: [\"eq\", \"neq\", \"contains\"],\n  number: [\"eq\", \"neq\", \"gt\", \"gte\", \"lt\", \"lte\"],\n  boolean: [\"eq\", \"neq\"],\n  json: [],\n  unknown: [],\n};\n\nconst EMPTY_CONDITION: Condition = {\n  field_name: \"\",\n  property: \"value\",\n  operator: \"eq\",\n  value: \"\",\n};\n\nconst CONNECTOR_GAP = 32;\n\ntype MetaField = {\n  fieldName: string;\n  fieldLabel: string;\n  type: RecordFieldType;\n  format: string | null;\n};\n\nfunction ConditionRow({\n  condition,\n  index,\n  eligibleFields,\n  fieldsByName,\n  isFirst,\n  isLast,\n  logic,\n  form,\n  basePath,\n  onUpdate,\n  onRemove,\n  onAddCondition,\n  onLogicChange,\n}: {\n  condition: Condition;\n  index: number;\n  eligibleFields: MetaField[];\n  fieldsByName: ReadonlyMap<string, MetaField>;\n  isFirst: boolean;\n  isLast: boolean;\n  logic: PipeTrigger[\"when\"][\"logic\"];\n  form: UseFormReturn<any>;\n  basePath: string;\n  onUpdate: (index: number, condition: Condition) => void;\n  onRemove: (index: number) => void;\n  onAddCondition: () => void;\n  onLogicChange: (logic: PipeTrigger[\"when\"][\"logic\"]) => void;\n}) {\n  const conditionPath = `${basePath}.when.conditions.${index}`;\n  const valueError = useFieldError(form, `${conditionPath}.value`);\n  const fieldNameError = useFieldError(form, `${conditionPath}.field_name`);\n  const operatorError = useFieldError(form, `${conditionPath}.operator`);\n  const propertyError = useFieldError(form, `${conditionPath}.property`);\n\n  const showConnector = !(isFirst && isLast);\n  const hasEligibleFields = eligibleFields.length > 0;\n  const selectedField = condition.field_name ? fieldsByName.get(condition.field_name) : undefined;\n\n  const availableOperators = useMemo(() => {\n    if (condition.property === \"status\") {\n      return TRIGGER_STATUS_OPERATORS.map((op) => ({\n        value: op,\n        label: TRIGGER_OPERATOR_LABELS[op],\n      }));\n    }\n    if (!selectedField?.type) return [];\n    return TRIGGER_VALUE_OPERATORS.map((op) => ({\n      value: op,\n      label: TRIGGER_OPERATOR_LABELS[op],\n    })).filter((op) => OPERATORS_BY_TYPE[selectedField.type].includes(op.value));\n  }, [condition.property, selectedField]);\n\n  const renderValueInput = () => {\n    if (!condition.field_name || !selectedField) {\n      return <Input className=\"pz:w-32\" placeholder=\"\" disabled aria-invalid={!!valueError} />;\n    }\n\n    if (condition.property === \"status\") {\n      return (\n        <Select\n          value={String(condition.value) || undefined}\n          onValueChange={(v) => onUpdate(index, { ...condition, value: v })}\n        >\n          <SelectTrigger className=\"pz:w-32\" aria-invalid={!!valueError}>\n            <SelectValue placeholder=\"--status--\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"completed\">completed</SelectItem>\n            <SelectItem value=\"skipped\">skipped</SelectItem>\n            <SelectItem value=\"failed\">failed</SelectItem>\n            <SelectItem value=\"no_result\">no_result</SelectItem>\n          </SelectContent>\n        </Select>\n      );\n    }\n\n    if (selectedField.type === \"boolean\") {\n      return (\n        <Select\n          value={String(condition.value)}\n          onValueChange={(v) => onUpdate(index, { ...condition, value: v })}\n        >\n          <SelectTrigger className=\"pz:w-24\" aria-invalid={!!valueError}>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"true\">true</SelectItem>\n            <SelectItem value=\"false\">false</SelectItem>\n          </SelectContent>\n        </Select>\n      );\n    }\n\n    if (selectedField.type === \"number\") {\n      return (\n        <Input\n          type=\"number\"\n          className=\"pz:w-32\"\n          aria-invalid={!!valueError}\n          value={String(Number(condition.value ?? 0))}\n          onChange={(e) =>\n            onUpdate(index, {\n              ...condition,\n              value: Number(e.target.value) || 0,\n            })\n          }\n          placeholder=\"\"\n        />\n      );\n    }\n\n    return (\n      <Input\n        className=\"pz:w-32\"\n        aria-invalid={!!valueError}\n        value={String(condition.value ?? \"\")}\n        onChange={(e) => onUpdate(index, { ...condition, value: e.target.value })}\n        placeholder=\"\"\n      />\n    );\n  };\n\n  const errorMessage = valueError || fieldNameError || operatorError || propertyError;\n\n  return (\n    <div>\n      <div className={cn(\"pz:relative\", showConnector && \"pz:pl-17\")}>\n        {showConnector && (\n          <>\n            {isFirst ? (\n              <div\n                className=\"pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-t-2 pz:border-input pz:rounded-tl-lg pz:pointer-events-none\"\n                style={{ top: \"50%\", bottom: -CONNECTOR_GAP }}\n              />\n            ) : (\n              <div\n                className=\"pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-b-2 pz:border-input pz:rounded-bl-lg pz:pointer-events-none\"\n                style={{ top: -CONNECTOR_GAP, bottom: \"50%\" }}\n              />\n            )}\n            {!isFirst && !isLast && (\n              <div\n                className=\"pz:absolute pz:left-7 pz:border-l-2 pz:border-input pz:pointer-events-none\"\n                style={{ top: \"50%\", bottom: -CONNECTOR_GAP }}\n              />\n            )}\n            {!isFirst && (\n              <div\n                className=\"pz:absolute pz:left-7 pz:z-10\"\n                style={{\n                  top: -CONNECTOR_GAP / 2,\n                  transform: \"translate(-50%, -50%)\",\n                }}\n              >\n                <Select value={logic} onValueChange={(v) => onLogicChange(v as \"and\" | \"or\")}>\n                  <SelectTrigger className=\"pz:w-17 pz:h-6 pz:text-xs pz:bg-background pz:hover:bg-accent\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectGroup>\n                      <SelectItem value=\"and\">AND</SelectItem>\n                      <SelectItem value=\"or\">OR</SelectItem>\n                    </SelectGroup>\n                  </SelectContent>\n                </Select>\n              </div>\n            )}\n          </>\n        )}\n        <div className=\"pz:flex pz:flex-wrap pz:items-center pz:gap-2\">\n          <FieldSectionEnumeration index={index} onRemove={onRemove} />\n          <Select\n            value={condition.field_name || undefined}\n            disabled={!hasEligibleFields}\n            onValueChange={(v) => {\n              if (v === null) return;\n              onUpdate(index, {\n                ...condition,\n                field_name: v,\n                operator: \"eq\",\n                value: \"\",\n              });\n            }}\n          >\n            <SelectTrigger className=\"pz:w-40\" aria-invalid={!!fieldNameError}>\n              <SelectValue placeholder=\"Select field\" />\n            </SelectTrigger>\n            <SelectContent>\n              {eligibleFields.map((f) => (\n                <SelectItem key={f.fieldName} value={f.fieldName}>\n                  {f.fieldLabel || f.fieldName}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {!hasEligibleFields && (\n            <span className=\"pz:text-xs pz:text-muted-foreground\">\n              No fields available{\" \"}\n              <HoverInfo>Conditions require plain fields. JSON fields are not allowed.</HoverInfo>\n            </span>\n          )}\n\n          {selectedField?.type && (\n            <>\n              <Badge\n                variant=\"secondary\"\n                className=\"pz:bg-accent pz:border pz:border-input pz:font-normal pz:text-muted-foreground pz:h-8\"\n              >\n                &apos;s\n              </Badge>\n              <Select\n                defaultValue=\"value\"\n                value={condition.property}\n                onValueChange={(v) => {\n                  if (v === null) return;\n                  onUpdate(index, {\n                    ...condition,\n                    property: v,\n                    operator: \"eq\",\n                    value: \"\",\n                  });\n                }}\n              >\n                <SelectTrigger className=\"pz:w-28\" aria-invalid={!!propertyError}>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"value\">value</SelectItem>\n                  <SelectItem value=\"status\">status</SelectItem>\n                </SelectContent>\n              </Select>\n\n              <Select\n                value={condition.operator}\n                onValueChange={(v) =>\n                  onUpdate(index, {\n                    ...condition,\n                    operator: v as ConditionOperators,\n                  })\n                }\n              >\n                <SelectTrigger className=\"pz:w-28\" aria-invalid={!!operatorError}>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {availableOperators.map((op) => (\n                    <SelectItem key={op.value} value={op.value}>\n                      {op.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n\n              {renderValueInput()}\n            </>\n          )}\n        </div>\n        {errorMessage && (\n          <span\n            className=\"pz:text-destructive pz:text-xs pz:font-medium pz:mt-1 pz:block\"\n            role=\"alert\"\n          >\n            {errorMessage}\n          </span>\n        )}\n      </div>\n      {isLast && (\n        <div className=\"pz:flex pz:items-center pz:gap-2\">\n          <Button type=\"button\" variant=\"link\" size=\"xs\" onClick={onAddCondition}>\n            <IconPlus />\n            New rule\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function PipesTriggerInputAdapter(field: FieldHandle<\"pipes_trigger_input\">) {\n  const pipeTrigger = field.value as PipeTrigger | null;\n  const meta = field.meta as PipesTriggerMeta;\n\n  // Built once per render of the adapter and reused across every condition\n  // row, instead of each row scanning `meta.fields` linearly. With N rows and\n  // M fields this turns O(N·M) lookups into O(N+M).\n  const eligibleFields = useMemo(\n    () => meta.fields.filter((f) => OPERATORS_BY_TYPE[f.type].length > 0),\n    [meta.fields],\n  );\n  const fieldsByName = useMemo(\n    () => new Map(meta.fields.map((f) => [f.fieldName, f])),\n    [meta.fields],\n  );\n\n  const addTrigger = useCallback(() => {\n    field.setValue({\n      action: \"run\",\n      when: {\n        logic: \"and\",\n        conditions: [{ ...EMPTY_CONDITION }],\n      },\n    });\n  }, [field]);\n\n  const updateCondition = (index: number, condition: Condition) => {\n    if (!pipeTrigger) return;\n    const newConditions = [...pipeTrigger.when.conditions] as Condition[];\n    newConditions[index] = condition;\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, conditions: newConditions },\n    });\n  };\n\n  const removeCondition = (index: number) => {\n    if (!pipeTrigger) return;\n    if (pipeTrigger.when.conditions.length <= 1) {\n      field.setValue(null);\n      return;\n    }\n    const newConditions = pipeTrigger.when.conditions.filter((_, i) => i !== index);\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, conditions: newConditions },\n    });\n  };\n\n  const addCondition = () => {\n    if (!pipeTrigger) return;\n    field.setValue({\n      ...pipeTrigger,\n      when: {\n        ...pipeTrigger.when,\n        conditions: [...pipeTrigger.when.conditions, { ...EMPTY_CONDITION }],\n      },\n    });\n  };\n\n  const changeLogic = (logic: \"and\" | \"or\") => {\n    if (!pipeTrigger) return;\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, logic },\n    });\n  };\n\n  return (\n    <div data-p0=\"input\">\n      {!pipeTrigger ? (\n        <div className=\"pz:flex pz:items-center\">\n          <Button type=\"button\" variant=\"link\" size=\"xs\" className=\"pz:px-0\" onClick={addTrigger}>\n            <IconPlus />\n            New rule\n          </Button>\n        </div>\n      ) : (\n        <div className=\"pz:flex pz:flex-col pz:gap-8\">\n          {pipeTrigger.when.conditions.map((condition, idx) => (\n            <ConditionRow\n              key={idx}\n              condition={condition}\n              index={idx}\n              eligibleFields={eligibleFields}\n              fieldsByName={fieldsByName}\n              isFirst={idx === 0}\n              isLast={idx === pipeTrigger.when.conditions.length - 1}\n              logic={pipeTrigger.when.logic}\n              form={field.form}\n              basePath={field.path}\n              onUpdate={updateCondition}\n              onRemove={removeCondition}\n              onAddCondition={addCondition}\n              onLogicChange={changeLogic}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}