@middag-io/react 0.12.0 → 0.13.0

package/dist-lib/{ConditionTreeBlock-BkbUNS1M.js → ConditionTreeBlock-C54B_GOo.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./i18n-BUNFYM_z.js";
+import { n as e } from "./i18n-CP5eDOjK.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/base/blocks/ConditionTreeBlock.tsx
 function r({ logic: e }) {

package/dist-lib/DateField-CA-O-Fpw.js

@@ -0,0 +1,121 @@
+import { t as e } from "./button-DY_CinAY.js";
+import { i as t, o as n, s as r, t as i } from "./calendar-Dw-fH9qs.js";
+import { n as a } from "./i18n-CP5eDOjK.js";
+import { n as o, r as s, t as c } from "./popover-DeghPbgu.js";
+import { t as l } from "./input-DovH16Rh.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 };