@middag-io/react 0.18.0 → 0.19.0

package/dist-lib/ConditionTreeBlock-BX_2p3Yz.js

@@ -1,86 +0,0 @@
-import { n as e } from "./i18n-BMTYOmLT.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/base/blocks/ConditionTreeBlock.tsx
-function r({ logic: e }) {
-	return /* @__PURE__ */ t("span", {
-		className: e === "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: e
-	});
-}
-function i({ rule: r }) {
-	let { t: i } = e();
-	return /* @__PURE__ */ n("div", {
-		className: "bg-background flex items-center gap-2 rounded-md p-2",
-		children: [
-			/* @__PURE__ */ t("span", {
-				className: "border-border bg-muted/50 inline-flex items-center rounded border px-2 py-1 text-sm font-medium",
-				children: r.field
-			}),
-			/* @__PURE__ */ t("span", {
-				className: "text-muted-foreground text-sm",
-				children: r.operator
-			}),
-			/* @__PURE__ */ t("span", {
-				className: "border-border bg-muted/50 inline-flex items-center rounded border px-2 py-1 text-sm font-medium",
-				children: r.value
-			}),
-			/* @__PURE__ */ t("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": i("middag.ui.condition_tree.remove_rule"),
-				children: "×"
-			})
-		]
-	});
-}
-function a({ group: o, depth: s }) {
-	let { t: c } = e();
-	return /* @__PURE__ */ n("div", {
-		className: "bg-muted/30 space-y-2 rounded-lg border p-3",
-		style: s > 0 ? { marginLeft: `${s * 16}px` } : void 0,
-		children: [
-			/* @__PURE__ */ n("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ t(r, { logic: o.logic }), s > 0 && /* @__PURE__ */ t("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": c("middag.ui.condition_tree.remove_group"),
-					children: "×"
-				})]
-			}),
-			o.rules.map((e) => /* @__PURE__ */ t(i, { rule: e }, e.id)),
-			o.groups.map((e) => /* @__PURE__ */ t(a, {
-				group: e,
-				depth: s + 1
-			}, e.id)),
-			/* @__PURE__ */ n("div", {
-				className: "flex items-center gap-2 pt-1",
-				children: [/* @__PURE__ */ t("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: c("middag.ui.condition_tree.add_rule")
-				}), /* @__PURE__ */ t("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: c("middag.ui.condition_tree.add_group")
-				})]
-			})
-		]
-	});
-}
-function o({ block: e }) {
-	let { data: n } = e;
-	return /* @__PURE__ */ t("div", {
-		className: "space-y-3",
-		children: /* @__PURE__ */ t(a, {
-			group: n.root,
-			depth: 0
-		})
-	});
-}
-//#endregion
-export { o as ConditionTreeBlock };

package/dist-lib/DateField-BxYJUlk4.js

@@ -1,121 +0,0 @@
-import { t as e } from "./button-D5Y6A1RJ.js";
-import { i as t, o as n, s as r, t as i } from "./calendar-bwe48kor.js";
-import { n as a } from "./i18n-BMTYOmLT.js";
-import { n as o, r as s, t as c } from "./popover-DmaFo0PE.js";
-import { t as l } from "./input-DzdJK5AV.js";
-import { useCallback as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/base/form/fields/DateField.tsx
-var m = "yyyy-MM-dd", h = "MMM d, yyyy";
-function g() {
-	return /* @__PURE__ */ p("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 2,
-		className: "h-4 w-4",
-		children: [
-			/* @__PURE__ */ f("rect", {
-				x: "3",
-				y: "4",
-				width: "18",
-				height: "18",
-				rx: "2",
-				ry: "2"
-			}),
-			/* @__PURE__ */ f("line", {
-				x1: "16",
-				y1: "2",
-				x2: "16",
-				y2: "6"
-			}),
-			/* @__PURE__ */ f("line", {
-				x1: "8",
-				y1: "2",
-				x2: "8",
-				y2: "6"
-			}),
-			/* @__PURE__ */ f("line", {
-				x1: "3",
-				y1: "10",
-				x2: "21",
-				y2: "10"
-			})
-		]
-	});
-}
-function _({ id: _, value: v, onChange: y, mode: b = "date", placeholder: x, disabled: S, required: C, error: w, helpTextId: T, errorId: E }) {
-	let { t: D } = a(), [O, k] = d(!1), A = [w ? E : void 0, T].filter(Boolean).join(" ") || void 0, j = v ? t(v.split("T")[0], m, /* @__PURE__ */ new Date()) : void 0, M = j && r(j) ? j : void 0, N = b === "datetime" && v?.includes("T") ? v.split("T")[1]?.slice(0, 5) : "", P = u((e) => {
-		if (!e) {
-			y(""), k(!1);
-			return;
-		}
-		let t = n(e, m);
-		y(b === "datetime" ? `${t}T${N || "00:00"}` : t), b === "date" && k(!1);
-	}, [
-		y,
-		b,
-		N
-	]), F = u((e) => {
-		let t = e.target.value;
-		y(`${v?.split("T")[0] ?? n(/* @__PURE__ */ new Date(), m)}T${t}`);
-	}, [y, v]), I = u(() => {
-		y(""), k(!1);
-	}, [y]), L = M ? b === "datetime" && N ? `${n(M, h)} ${N}` : n(M, h) : "", R = D(b === "datetime" ? "middag.ui.form.datetime_placeholder" : "middag.ui.form.date_placeholder");
-	return /* @__PURE__ */ f(c, {
-		open: O,
-		onOpenChange: k,
-		children: /* @__PURE__ */ p("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ f(s, {
-				asChild: !0,
-				children: /* @__PURE__ */ p("button", {
-					type: "button",
-					id: _,
-					disabled: S,
-					"aria-invalid": w ? !0 : void 0,
-					"aria-required": C || void 0,
-					"aria-describedby": A,
-					className: "border-input bg-background ring-ring focus:ring-ring flex h-9 w-full items-center rounded-md border px-3 py-1 text-sm shadow-xs transition-colors focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-					children: [/* @__PURE__ */ f("span", {
-						className: L ? "text-foreground flex-1 text-left" : "text-muted-foreground flex-1 text-left",
-						children: L || x || R
-					}), /* @__PURE__ */ f(g, {})]
-				})
-			}), /* @__PURE__ */ p(o, {
-				align: "start",
-				className: "w-auto p-0",
-				children: [
-					/* @__PURE__ */ f(i, {
-						mode: "single",
-						selected: M,
-						onSelect: P,
-						captionLayout: "dropdown"
-					}),
-					b === "datetime" && /* @__PURE__ */ f("div", {
-						className: "border-border flex items-center gap-2 border-t px-3 py-2",
-						children: /* @__PURE__ */ f(l, {
-							type: "time",
-							value: N,
-							onChange: F,
-							placeholder: D("middag.ui.form.time_placeholder"),
-							className: "h-8 w-auto"
-						})
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "border-border flex justify-between border-t px-3 py-2",
-						children: /* @__PURE__ */ f(e, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							onClick: I,
-							children: D("middag.ui.form.date_clear")
-						})
-					})
-				]
-			})]
-		})
-	});
-}
-//#endregion
-export { _ as DateField };