@burojs/ui-shadcn 0.7.0 → 0.8.0

package/dist/{filter-builder-DFu0JP-1.cjs → filter-builder-ByGhxLf_.cjs}

@@ -11,6 +11,7 @@ let react = require("react");
 react = require_use_theme.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let class_variance_authority = require("class-variance-authority");
+let _burojs_core_internal = require("@burojs/core/internal");
 let _radix_ui_react_select = require("@radix-ui/react-select");
 _radix_ui_react_select = require_use_theme.__toESM(_radix_ui_react_select, 1);
 //#region src/layout/language-storage.ts
@@ -100,6 +101,7 @@ const SEMANTIC_KEYS = Object.freeze([
 	"empty",
 	"default",
 	"constraints",
+	"zone",
 	"texts",
 	"options",
 	"items",
@@ -129,9 +131,11 @@ function projectUiSelection(input) {
 	const selection = {};
 	const inputId = ownSelection(input, "input");
 	const displayId = ownSelection(input, "display");
+	const layout = ownData(input, "layout").value;
 	if (inputId !== void 0) selection.input = inputId;
 	if (displayId !== void 0) selection.display = displayId;
-	return inputId === void 0 && displayId === void 0 ? void 0 : Object.freeze(selection);
+	if (Array.isArray(layout)) selection.layout = layout;
+	return Object.keys(selection).length === 0 ? void 0 : Object.freeze(selection);
 }
 function projectFieldDeclaration(input) {
 	const type = ownString(input, "type");
@@ -150,7 +154,16 @@ function projectFieldDeclaration(input) {
 	}
 	if (type === "object") {
 		const properties = ownData(input, "properties").value;
-		if (properties !== null && typeof properties === "object" && !Array.isArray(properties)) {
+		if (Array.isArray(properties)) {
+			const output = {};
+			for (let index = 0; index < properties.length; index += 1) {
+				const entry = ownData(properties, index).value;
+				const name = ownString(entry, "name");
+				const child = projectFieldDeclaration(entry);
+				if (name !== void 0 && child !== void 0) output[name] = child;
+			}
+			projected.properties = Object.freeze(output);
+		} else if (properties !== null && typeof properties === "object") {
 			const output = {};
 			for (const key of Object.keys(properties)) {
 				const child = projectFieldDeclaration(ownData(properties, key).value);
@@ -207,6 +220,7 @@ function lowerLegacyField(field) {
 	const items = type === "array" ? projectFieldDeclaration(ownData(field, "items").value) ?? mapping?.items ?? STRING_ITEM : void 0;
 	const meta = ownData(field, "meta");
 	const texts = ownData(field, "texts");
+	const zone = ownData(field, "zone");
 	const options = kind === "enum" ? enumValueOptions(field) : void 0;
 	const required = ownData(field, "required");
 	const nullable = ownData(field, "nullable");
@@ -222,6 +236,7 @@ function lowerLegacyField(field) {
 		...meta.present && meta.value !== void 0 ? { meta: meta.value } : {},
 		...options === void 0 ? {} : { options },
 		...texts.present && texts.value !== void 0 ? { texts: texts.value } : {},
+		...zone.present && zone.value !== void 0 ? { zone: zone.value } : {},
 		...requiredValue === true ? { required: true } : {},
 		...nullableValue === true ? { nullable: true } : {}
 	});
@@ -373,7 +388,7 @@ function useFieldImplementationDiagnostic(diagnostic) {
 		console.warn("[buro/ui-shadcn] missing-field-implementation; rendering fallback.", diagnostic);
 	}, [diagnostic]);
 }
-function ResolvedFieldDisplay({ resource, name, field: source, value, record, testId, fallback, presentation, metaSources, uiSurface = "display", columnEntry }) {
+function ResolvedFieldDisplay({ resource, name, field: source, value, record, testId, fallback, presentation, metaSources, uiSurface = "display", columnEntry, absentPaths, pathStatus }) {
 	const { sourceAtEdge, field, ui } = useLoweredField(source);
 	const surfaceField = (0, react.useMemo)(() => sourceAtEdge.ui === void 0 ? field : Object.freeze({
 		...field,
@@ -398,10 +413,19 @@ function ResolvedFieldDisplay({ resource, name, field: source, value, record, te
 	const text = (0, _burojs_react.useFieldDisplayText)(textField, value, {
 		surface: uiSurface,
 		...columnEntry === void 0 ? {} : { entry: columnEntry },
-		resource: (0, _burojs_core.canonicalResourceKey)(resource)
+		resource: (0, _burojs_core.canonicalResourceKey)(resource),
+		...record === void 0 ? {} : { record }
 	});
 	const options = useContextOptions(field, name, metaState.status === "ready" ? metaState.meta : void 0, ui, resource);
 	const texts = useContextTexts(field, name, resolved, resource);
+	const dateDisplay = (0, _burojs_core.resolveSurfaceUi)(surfaceField, uiSurface, columnEntry).dateDisplay;
+	const contextUi = (0, react.useMemo)(() => dateDisplay === void 0 ? ui : Object.freeze({
+		...ui,
+		display: Object.freeze({
+			...typeof ui.display === "object" && ui.display !== null ? ui.display : {},
+			...dateDisplay
+		})
+	}), [ui, dateDisplay]);
 	useFieldMetaDiagnostic(metaState, resource, name, surfaceField, uiSurface, columnEntry);
 	useFieldImplementationDiagnostic(resolved.diagnostic);
 	if (resolved.Component === void 0) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
@@ -412,11 +436,13 @@ function ResolvedFieldDisplay({ resource, name, field: source, value, record, te
 		resource,
 		field,
 		path: Object.freeze([name]),
+		...absentPaths === void 0 || absentPaths.length === 0 ? {} : { absentPaths },
+		...pathStatus === void 0 ? {} : { pathStatus },
 		surface: "display",
 		presentation: presentation ?? "default",
 		record,
 		meta: metaState.meta,
-		ui,
+		ui: contextUi,
 		options,
 		texts,
 		...text === void 0 ? {} : { text },
@@ -439,7 +465,7 @@ function ResolvedFieldDisplay({ resource, name, field: source, value, record, te
 		value
 	});
 }
-function ResolvedFieldInput({ resource, name, field: source, value, record, form, testId, inputId, onChange, onBlur, disabled, required, placeholder, descriptionId, labelId, errorId, errorMessage, pending = false, touched = errorMessage != null, issues: suppliedIssues, relationSeeds, fixedFilters, link, metaSources, fallback }) {
+function ResolvedFieldInput({ resource, name, field: source, value, record, form, testId, inputId, onChange, onBlur, disabled, required, placeholder, descriptionId, labelId, errorId, errorMessage, pending = false, touched = errorMessage != null, issues: suppliedIssues, relationSeeds, fixedFilters, optionSubtitle, link, metaSources, baseline, fallback, absentPaths, pathStatus }) {
 	const { sourceAtEdge, field: base } = useLoweredField(source);
 	const field = (0, react.useMemo)(() => required === void 0 || required === base.required ? base : Object.freeze({
 		...base,
@@ -481,6 +507,8 @@ function ResolvedFieldInput({ resource, name, field: source, value, record, form
 		resource,
 		field,
 		path: Object.freeze([name]),
+		...absentPaths === void 0 || absentPaths.length === 0 ? {} : { absentPaths },
+		...pathStatus === void 0 ? {} : { pathStatus },
 		surface: "input",
 		presentation: "default",
 		record,
@@ -511,8 +539,10 @@ function ResolvedFieldInput({ resource, name, field: source, value, record, form
 		disabled,
 		relationSeeds,
 		fixedFilters,
+		optionSubtitle,
 		link,
-		metaSources: runtimeContext.metaSources
+		metaSources: runtimeContext.metaSources,
+		...baseline === void 0 ? {} : { baseline }
 	});
 	return (0, react.createElement)(Component, {
 		...context,
@@ -523,8 +553,10 @@ function ResolvedFieldInput({ resource, name, field: source, value, record, form
 		disabled,
 		relationSeeds,
 		fixedFilters,
+		optionSubtitle,
 		link,
-		metaSources: runtimeContext.metaSources
+		metaSources: runtimeContext.metaSources,
+		...baseline === void 0 ? {} : { baseline }
 	});
 }
 //#endregion
@@ -678,8 +710,6 @@ SelectSeparator.displayName = _radix_ui_react_select.Separator.displayName;
 function localeTag(locale) {
 	return locale || loadLocale() || "en-US";
 }
-const dateCache = new Map();
-const dateTimeCache = new Map();
 const numberCache = new Map();
 function cached(cache, key, make) {
 	const hit = cache.get(key);
@@ -693,24 +723,6 @@ function cached(cache, key, make) {
 	cache.set(key, made);
 	return made;
 }
-function formatDate(d, locale) {
-	const tag = localeTag(locale);
-	return cached(dateCache, tag, (t) => new Intl.DateTimeFormat(t, {
-		year: "numeric",
-		month: "short",
-		day: "numeric"
-	})).format(d);
-}
-function formatDateTime(d, locale) {
-	const tag = localeTag(locale);
-	return cached(dateTimeCache, tag, (t) => new Intl.DateTimeFormat(t, {
-		year: "numeric",
-		month: "short",
-		day: "numeric",
-		hour: "2-digit",
-		minute: "2-digit"
-	})).format(d);
-}
 function formatNumber(n, locale) {
 	const tag = localeTag(locale);
 	return cached(numberCache, tag, (t) => new Intl.NumberFormat(t)).format(n);
@@ -724,7 +736,7 @@ function describeValue(value, chromeT, spec, formatValue) {
 	const optionLabel = spec?.options?.find((o) => o.value === String(value))?.label;
 	if (optionLabel !== void 0) return optionLabel;
 	if (spec && formatValue) {
-		const formatted = formatValue(spec.kind, value);
+		const formatted = formatValue(spec.kind, value, spec.zone);
 		if (formatted !== void 0) return formatted;
 	}
 	return String(value);
@@ -881,6 +893,8 @@ function FilterBadges(props) {
 	const { group, setGroup, available, fixed, testIdBase, onOpenAt, onRemoved, pinnedFields = [], pinnedValue = [], setPinnedValue } = props;
 	const chromeT = (0, _burojs_react.useChromeT)();
 	const locale = (0, _burojs_react.useOptionalLocale)();
+	const viewer = (0, _burojs_react.useTimeZone)();
+	const timeContext = (0, _burojs_react.useTimeContext)();
 	const tt = (key, params, fallback) => chromeT(key, {
 		params,
 		...typeof params?.count === "number" ? { count: params.count } : {},
@@ -888,13 +902,18 @@ function FilterBadges(props) {
 	});
 	const removeLabel = chromeT("filters.removeRow", { defaultValue: "Remove filter" });
 	const { enumLabels, relationLabels, onEnumResolved, onRelationResolved } = useFormatValueMaps();
-	const formatValue = (kind, value) => {
+	const formatValue = (kind, value, fieldZone) => {
 		if (kind.kind === "enum") return enumLabels[kind.enumName]?.[String(value)];
 		if (kind.kind === "relation") return relationLabels[relationLabelKey(kind.to, kind.by, String(value))];
-		if (kind.kind === "date") {
-			const d = new Date(String(value));
-			if (Number.isNaN(d.getTime())) return void 0;
-			return kind.time ? formatDateTime(d, locale) : formatDate(d, locale);
+		if (kind.kind === "date" && viewer.status === "ready") {
+			const zone = (0, _burojs_core.resolveTimeZone)(timeContext.levels, fieldZone, timeContext.sources);
+			if (zone.status === "pending") return void 0;
+			return (0, _burojs_core.formatTimeValue)(kind.time ? "dateTime" : "date", String(value), {
+				zone: zone.zone,
+				viewerZone: viewer.zone,
+				locale: localeTag(locale),
+				params: {}
+			});
 		}
 	};
 	const orphanPinned = (0, react.useMemo)(() => {
@@ -1481,21 +1500,56 @@ function RelationValueControl(props) {
 	});
 }
 //#endregion
+//#region src/fields/field-time-zone.ts
+function useFieldTimeZone(zone, row) {
+	const { sources: session } = (0, _burojs_react.useTimeContext)();
+	const sources = (0, react.useMemo)(() => row === void 0 ? session : {
+		...session,
+		record: {
+			status: "ready",
+			value: row,
+			refreshing: false
+		}
+	}, [session, row]);
+	const fieldZone = (0, react.useMemo)(() => (0, _burojs_core_internal.normaliseFieldZone)(zone), [zone]);
+	return (0, _burojs_react.useTimeZone)(fieldZone, sources);
+}
+const DATE_KEYS = [
+	"dateStyle",
+	"timeStyle",
+	"zoneName"
+];
+function dateDisplayParams(ui) {
+	const display = ui?.display;
+	if (display === null || typeof display !== "object") return {};
+	const params = {};
+	for (const key of DATE_KEYS) {
+		const value = display[key];
+		if (value !== void 0) params[key] = value;
+	}
+	return params;
+}
+//#endregion
 //#region src/fields/local-date-time.ts
-function toLocalDateTimeText(value) {
+function toLocalDateTimeText(value, zone) {
 	if (value === void 0 || value === null || value === "") return "";
-	const d = value instanceof Date ? value : new Date(String(value));
-	if (Number.isNaN(d.getTime())) return "";
-	const pad = (n) => String(n).padStart(2, "0");
-	return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+	const instant = (0, _burojs_core.canonicalInstant)(value instanceof Date ? value.toISOString() : String(value));
+	if (instant === void 0) return "";
+	const { date, time } = (0, _burojs_core.instantToWall)(instant, zone);
+	return `${date}T${time.slice(0, 5)}`;
 }
-function fromLocalDateTimeText(text) {
-	if (text === "") return void 0;
-	const d = new Date(text);
-	return Number.isNaN(d.getTime()) ? void 0 : d.toISOString();
+function fromLocalDateTimeText(text, zone) {
+	const [date, time, ...rest] = text.split("T");
+	if (date === void 0 || time === void 0 || rest.length > 0) return void 0;
+	if (!(0, _burojs_core.isCalendarDate)(date) || !(0, _burojs_core.isWallTime)(time)) return void 0;
+	return (0, _burojs_core.wallToInstant)(date, time, zone);
 }
 //#endregion
 //#region src/list-kit/filter-builder/values/scalar-value-input.tsx
+function useFilterZone(fieldZone) {
+	const zone = useFieldTimeZone(fieldZone, void 0);
+	return zone.status === "ready" ? zone.zone : "UTC";
+}
 function isDateTime(kind) {
 	return kind.kind === "date" && kind.time === true;
 }
@@ -1506,18 +1560,18 @@ function inputTypeFor(kind) {
 		default: return "text";
 	}
 }
-function toText(kind, value) {
-	if (isDateTime(kind)) return toLocalDateTimeText(value);
+function toText(kind, value, zone) {
+	if (isDateTime(kind)) return toLocalDateTimeText(value, zone);
 	if (value === void 0 || value === null || value === "") return "";
 	return String(value);
 }
-function parseOne(kind, raw) {
+function parseOne(kind, raw, zone) {
 	if (raw === "") return void 0;
 	if (kind.kind === "number") {
 		const n = Number(raw);
 		return Number.isFinite(n) ? n : void 0;
 	}
-	if (isDateTime(kind)) return fromLocalDateTimeText(raw);
+	if (isDateTime(kind)) return fromLocalDateTimeText(raw, zone);
 	return raw;
 }
 function ScalarValueInput(props) {
@@ -1540,7 +1594,8 @@ function ScalarValueInput(props) {
 }
 function ScalarSingleInput(props) {
 	const { value, onChange, kind, testId, autoFocus, inputType, ariaLabel, debounceMs = 300 } = props;
-	const storedText = toText(kind, value);
+	const zone = useFilterZone(props.zone);
+	const storedText = toText(kind, value, zone);
 	const [text, setText] = (0, react.useState)(storedText);
 	const lastPushedRef = (0, react.useRef)(storedText);
 	const timerRef = (0, react.useRef)(null);
@@ -1548,8 +1603,8 @@ function ScalarSingleInput(props) {
 	const commitRef = (0, react.useRef)(() => {});
 	(0, react.useEffect)(() => {
 		commitRef.current = (raw) => {
-			const parsed = parseOne(kind, raw);
-			lastPushedRef.current = toText(kind, parsed);
+			const parsed = parseOne(kind, raw, zone);
+			lastPushedRef.current = toText(kind, parsed, zone);
 			pendingRawRef.current = null;
 			onChange(parsed);
 		};
@@ -1598,8 +1653,9 @@ function ScalarMultiInput(props) {
 	const { value, onChange, kind, testId, autoFocus, inputType, ariaLabel } = props;
 	const chips = Array.isArray(value) ? value.map((v) => String(v)) : [];
 	const [draft, setDraft] = (0, react.useState)("");
+	const zone = useFilterZone(props.zone);
 	const addChip = () => {
-		const parsed = parseOne(kind, draft.trim());
+		const parsed = parseOne(kind, draft.trim(), zone);
 		if (parsed === void 0) return;
 		const text = String(parsed);
 		setDraft("");
@@ -1789,6 +1845,7 @@ function FilterRow(props) {
 					debounceMs,
 					fieldLabel: spec.label,
 					options: spec.options,
+					...spec.zone === void 0 ? {} : { zone: spec.zone },
 					fill: true
 				})
 			}),
@@ -2090,7 +2147,8 @@ function PinnedControl(props) {
 		testId: `${testIdBase}:pinned:${spec.field}`,
 		fieldLabel: spec.label,
 		placeholder: spec.label,
-		options: spec.options
+		options: spec.options,
+		...spec.zone === void 0 ? {} : { zone: spec.zone }
 	});
 }
 //#endregion
@@ -2528,22 +2586,16 @@ Object.defineProperty(exports, "badgeVariants", {
 		return badgeVariants;
 	}
 });
-Object.defineProperty(exports, "fieldDescription", {
+Object.defineProperty(exports, "dateDisplayParams", {
 	enumerable: true,
 	get: function() {
-		return fieldDescription;
-	}
-});
-Object.defineProperty(exports, "formatDate", {
-	enumerable: true,
-	get: function() {
-		return formatDate;
+		return dateDisplayParams;
 	}
 });
-Object.defineProperty(exports, "formatDateTime", {
+Object.defineProperty(exports, "fieldDescription", {
 	enumerable: true,
 	get: function() {
-		return formatDateTime;
+		return fieldDescription;
 	}
 });
 Object.defineProperty(exports, "formatNumber", {
@@ -2564,6 +2616,12 @@ Object.defineProperty(exports, "loadLocale", {
 		return loadLocale;
 	}
 });
+Object.defineProperty(exports, "localeTag", {
+	enumerable: true,
+	get: function() {
+		return localeTag;
+	}
+});
 Object.defineProperty(exports, "lowerLegacyField", {
 	enumerable: true,
 	get: function() {
@@ -2588,5 +2646,11 @@ Object.defineProperty(exports, "useFieldMetaDiagnostic", {
 		return useFieldMetaDiagnostic;
 	}
 });
+Object.defineProperty(exports, "useFieldTimeZone", {
+	enumerable: true,
+	get: function() {
+		return useFieldTimeZone;
+	}
+});
 
-//# sourceMappingURL=filter-builder-DFu0JP-1.cjs.map
+//# sourceMappingURL=filter-builder-ByGhxLf_.cjs.map