@middag-io/react 0.4.2 → 0.6.0

package/dist-lib/ConditionTreeBlock-BGPYAImJ.js

@@ -0,0 +1,83 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/base/blocks/ConditionTreeBlock.tsx
+function n({ logic: t }) {
+	return /* @__PURE__ */ e("span", {
+		className: t === "and" ? "text-primary inline-flex items-center rounded bg-[oklch(0.93_0.04_264)] px-2 py-0.5 text-xs font-bold uppercase" : "inline-flex items-center rounded bg-[oklch(0.95_0.04_75)] px-2 py-0.5 text-xs font-bold text-[oklch(0.55_0.16_75)] uppercase",
+		children: t
+	});
+}
+function r({ rule: n }) {
+	return /* @__PURE__ */ t("div", {
+		className: "bg-background flex items-center gap-2 rounded-md p-2",
+		children: [
+			/* @__PURE__ */ e("span", {
+				className: "border-border bg-muted/50 inline-flex items-center rounded border px-2 py-1 text-sm font-medium",
+				children: n.field
+			}),
+			/* @__PURE__ */ e("span", {
+				className: "text-muted-foreground text-sm",
+				children: n.operator
+			}),
+			/* @__PURE__ */ e("span", {
+				className: "border-border bg-muted/50 inline-flex items-center rounded border px-2 py-1 text-sm font-medium",
+				children: n.value
+			}),
+			/* @__PURE__ */ e("button", {
+				type: "button",
+				className: "text-muted-foreground hover:text-destructive ml-auto flex h-6 w-6 items-center justify-center rounded text-sm transition-colors",
+				tabIndex: -1,
+				"aria-label": "Remover regra",
+				children: "×"
+			})
+		]
+	});
+}
+function i({ group: a, depth: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: "bg-muted/30 space-y-2 rounded-lg border p-3",
+		style: o > 0 ? { marginLeft: `${o * 16}px` } : void 0,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e(n, { logic: a.logic }), o > 0 && /* @__PURE__ */ e("button", {
+					type: "button",
+					className: "text-muted-foreground hover:text-destructive ml-auto flex h-6 w-6 items-center justify-center rounded text-sm transition-colors",
+					tabIndex: -1,
+					"aria-label": "Remover grupo",
+					children: "×"
+				})]
+			}),
+			a.rules.map((t) => /* @__PURE__ */ e(r, { rule: t }, t.id)),
+			a.groups.map((t) => /* @__PURE__ */ e(i, {
+				group: t,
+				depth: o + 1
+			}, t.id)),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2 pt-1",
+				children: [/* @__PURE__ */ e("button", {
+					type: "button",
+					className: "text-muted-foreground hover:border-primary hover:text-primary rounded-md border border-dashed px-3 py-1 text-xs transition-colors",
+					tabIndex: -1,
+					children: "+ Adicionar regra"
+				}), /* @__PURE__ */ e("button", {
+					type: "button",
+					className: "text-muted-foreground hover:border-primary hover:text-primary rounded-md border border-dashed px-3 py-1 text-xs transition-colors",
+					tabIndex: -1,
+					children: "+ Adicionar grupo"
+				})]
+			})
+		]
+	});
+}
+function a({ block: t }) {
+	let { data: n } = t;
+	return /* @__PURE__ */ e("div", {
+		className: "space-y-3",
+		children: /* @__PURE__ */ e(i, {
+			group: n.root,
+			depth: 0
+		})
+	});
+}
+//#endregion
+export { a as ConditionTreeBlock };