@burojs/ui-shadcn 0.7.0 → 0.9.0

package/dist/{filter-builder-DaWHUZuV.js → filter-builder-04nas3eq.js}

@@ -2,15 +2,16 @@ import { l as cn } from "./use-theme-dnE3Od3I.js";
 import { m as PopoverTrigger, p as PopoverContent, u as Popover } from "./toaster-Ct_YHGs6.js";
 import { t as Button } from "./button-MWVeZaqj.js";
 import { t as Input } from "./input-CUPStzZO.js";
-import { C as CommandEmpty, D as CommandList, E as CommandItem, T as CommandInput, m as useRowTitle, o as narrowSearchDecl, w as CommandGroup, x as Command } from "./relation-create-C43cdPQt.js";
+import { D as CommandItem, E as CommandInput, O as CommandList, S as Command, T as CommandGroup, m as useRowTitle, o as narrowSearchDecl, w as CommandEmpty } from "./relation-create-6WicROWA.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { EMPTY_FILTER_GROUP, canonicalResourceKey, convertValueForOp, declaredText, enumValueText, formatEntityRef, isCompletePredicate, isFilterGroup, opArity, resolveEnumLabel, resolveSurfaceUi } from "@burojs/core";
-import { DEFAULT_LANGUAGE_STORAGE_KEY, scopeValueOf, useApp, useChromeT, useEnumValues, useFieldDisplayText, useFieldImplementation, useFieldMeta, useFieldMetaSources, useI18nCaps, useImplementationTexts, useList, useListAccess, useLocale, useOptionalLocale, useOptionalT, useRelatedRecord, useResolvedFieldOptions } from "@burojs/react";
+import { EMPTY_FILTER_GROUP, canonicalInstant, canonicalResourceKey, convertValueForOp, declaredText, enumValueText, formatEntityRef, formatTimeValue, instantToWall, isCalendarDate, isCompletePredicate, isFilterGroup, isWallTime, opArity, resolveEnumLabel, resolveSurfaceUi, resolveTimeZone, wallToInstant } from "@burojs/core";
+import { DEFAULT_LANGUAGE_STORAGE_KEY, scopeValueOf, useApp, useChromeT, useEnumValues, useFieldDisplayText, useFieldImplementation, useFieldMeta, useFieldMetaSources, useI18nCaps, useImplementationTexts, useList, useListAccess, useLocale, useOptionalLocale, useOptionalT, useRelatedRecord, useResolvedFieldOptions, useTimeContext, useTimeZone } from "@burojs/react";
 import { IconCheck, IconChevronDown, IconChevronUp, IconCirclePlus, IconFilter, IconFolderPlus, IconLoader2, IconPlus, IconX } from "@tabler/icons-react";
 import * as React from "react";
 import { Fragment, createElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { normaliseFieldZone } from "@burojs/core/internal";
 import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/layout/language-storage.ts
 function loadLocale(storageKey = DEFAULT_LANGUAGE_STORAGE_KEY) {
@@ -99,6 +100,7 @@ const SEMANTIC_KEYS = Object.freeze([
 	"empty",
 	"default",
 	"constraints",
+	"zone",
 	"texts",
 	"options",
 	"items",
@@ -128,9 +130,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");
@@ -149,7 +153,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);
@@ -206,6 +219,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");
@@ -221,6 +235,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 } : {}
 	});
@@ -372,7 +387,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 = useMemo(() => sourceAtEdge.ui === void 0 ? field : Object.freeze({
 		...field,
@@ -397,10 +412,19 @@ function ResolvedFieldDisplay({ resource, name, field: source, value, record, te
 	const text = useFieldDisplayText(textField, value, {
 		surface: uiSurface,
 		...columnEntry === void 0 ? {} : { entry: columnEntry },
-		resource: canonicalResourceKey(resource)
+		resource: 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 = resolveSurfaceUi(surfaceField, uiSurface, columnEntry).dateDisplay;
+	const contextUi = 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 jsx(Fragment$1, { children: fallback });
@@ -411,11 +435,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 },
@@ -438,7 +464,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 = useMemo(() => required === void 0 || required === base.required ? base : Object.freeze({
 		...base,
@@ -480,6 +506,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,
@@ -510,8 +538,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 createElement(Component, {
 		...context,
@@ -522,8 +552,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
@@ -599,7 +631,15 @@ const TableCaption = React.forwardRef(({ className, ...props }, ref) => jsx("cap
 TableCaption.displayName = "TableCaption";
 //#endregion
 //#region src/primitives/select.tsx
-const Select = SelectPrimitive.Root;
+function Select({ onValueChange, ...props }) {
+	return jsx(SelectPrimitive.Root, {
+		...props,
+		...onValueChange === void 0 ? {} : { onValueChange: (next) => {
+			if (next !== "") onValueChange(next);
+		} }
+	});
+}
+Select.displayName = SelectPrimitive.Root.displayName;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
 const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => jsxs(SelectPrimitive.Trigger, {
@@ -677,8 +717,6 @@ SelectSeparator.displayName = SelectPrimitive.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);
@@ -692,24 +730,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);
@@ -723,7 +743,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);
@@ -804,7 +824,7 @@ function RelationLabelResolver(props) {
 	const { to, id, by, onResolve } = props;
 	const targetDef = useApp().registry.get(to);
 	const { record } = useRelatedRecord(to, id, by === void 0 ? void 0 : { by });
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	useEffect(() => {
 		if (!record) return;
 		onResolve(relationLabelKey(to, by, id), rowTitle(record));
@@ -880,6 +900,8 @@ function FilterBadges(props) {
 	const { group, setGroup, available, fixed, testIdBase, onOpenAt, onRemoved, pinnedFields = [], pinnedValue = [], setPinnedValue } = props;
 	const chromeT = useChromeT();
 	const locale = useOptionalLocale();
+	const viewer = useTimeZone();
+	const timeContext = useTimeContext();
 	const tt = (key, params, fallback) => chromeT(key, {
 		params,
 		...typeof params?.count === "number" ? { count: params.count } : {},
@@ -887,13 +909,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 = resolveTimeZone(timeContext.levels, fieldZone, timeContext.sources);
+			if (zone.status === "pending") return void 0;
+			return formatTimeValue(kind.time ? "dateTime" : "date", String(value), {
+				zone: zone.zone,
+				viewerZone: viewer.zone,
+				locale: localeTag(locale),
+				params: {}
+			});
 		}
 	};
 	const orphanPinned = useMemo(() => {
@@ -1330,7 +1357,7 @@ function EnumValueControl(props) {
 function useRelatedLabels(to, ids, by) {
 	const targetDef = useApp().registry.get(to);
 	const idField = (targetDef?.data)?.idField;
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	const field = by ?? (typeof idField === "string" && idField.length > 0 ? idField : "id");
 	const query = useList(to, {
 		pagination: {
@@ -1374,7 +1401,7 @@ function RelationValueControl(props) {
 		arity,
 		onChange
 	});
-	const rowTitle = useRowTitle(to, targetDef?.displayField);
+	const rowTitle = useRowTitle(to, targetDef?.displayField, { recordTitle: true });
 	const access = useListAccess(to);
 	const searchable = useMemo(() => access.status === "ready" && narrowSearchDecl({ fields: [displayField] }, (name) => access.fieldVisible(name)) !== void 0, [access, displayField]);
 	const listQuery = useList(to, {
@@ -1480,21 +1507,56 @@ function RelationValueControl(props) {
 	});
 }
 //#endregion
+//#region src/fields/field-time-zone.ts
+function useFieldTimeZone(zone, row) {
+	const { sources: session } = useTimeContext();
+	const sources = useMemo(() => row === void 0 ? session : {
+		...session,
+		record: {
+			status: "ready",
+			value: row,
+			refreshing: false
+		}
+	}, [session, row]);
+	const fieldZone = useMemo(() => normaliseFieldZone(zone), [zone]);
+	return 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 = canonicalInstant(value instanceof Date ? value.toISOString() : String(value));
+	if (instant === void 0) return "";
+	const { date, time } = 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 (!isCalendarDate(date) || !isWallTime(time)) return void 0;
+	return 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;
 }
@@ -1505,18 +1567,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) {
@@ -1539,7 +1601,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] = useState(storedText);
 	const lastPushedRef = useRef(storedText);
 	const timerRef = useRef(null);
@@ -1547,8 +1610,8 @@ function ScalarSingleInput(props) {
 	const commitRef = useRef(() => {});
 	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);
 		};
@@ -1597,8 +1660,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] = 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("");
@@ -1788,6 +1852,7 @@ function FilterRow(props) {
 					debounceMs,
 					fieldLabel: spec.label,
 					options: spec.options,
+					...spec.zone === void 0 ? {} : { zone: spec.zone },
 					fill: true
 				})
 			}),
@@ -2089,7 +2154,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
@@ -2347,6 +2413,6 @@ function FilterBuilder(props) {
 	] });
 }
 //#endregion
-export { TableRow as A, loadLocale as B, SelectValue as C, TableCell as D, TableCaption as E, ResolvedFieldInput as F, useFieldMetaDiagnostic as I, fieldDescription as L, badgeVariants as M, MetaPlaceholder as N, TableHead as O, ResolvedFieldDisplay as P, lowerLegacyField as R, SelectTrigger as S, TableBody as T, saveLocale as V, SelectItem as _, PinnedFilterControls as a, SelectScrollUpButton as b, fromLocalDateTimeText as c, formatDate as d, formatDateTime as f, SelectGroup as g, SelectContent as h, FacetedFilterPicker as i, Badge as j, TableHeader as k, toLocalDateTimeText as l, Select as m, PresetFilterControls as n, FilterPanel as o, formatNumber as p, DataTableFacetedFilter as r, FilterValueControl as s, FilterBuilder as t, FilterBadges as u, SelectLabel as v, Table as w, SelectSeparator as x, SelectScrollDownButton as y, DEFAULT_LANGUAGE_STORAGE_KEY as z };
+export { TableHeader as A, DEFAULT_LANGUAGE_STORAGE_KEY as B, SelectTrigger as C, TableCaption as D, TableBody as E, ResolvedFieldDisplay as F, saveLocale as H, ResolvedFieldInput as I, useFieldMetaDiagnostic as L, Badge as M, badgeVariants as N, TableCell as O, MetaPlaceholder as P, fieldDescription as R, SelectSeparator as S, Table as T, loadLocale as V, SelectGroup as _, PinnedFilterControls as a, SelectScrollDownButton as b, fromLocalDateTimeText as c, useFieldTimeZone as d, FilterBadges as f, SelectContent as g, Select as h, FacetedFilterPicker as i, TableRow as j, TableHead as k, toLocalDateTimeText as l, localeTag as m, PresetFilterControls as n, FilterPanel as o, formatNumber as p, DataTableFacetedFilter as r, FilterValueControl as s, FilterBuilder as t, dateDisplayParams as u, SelectItem as v, SelectValue as w, SelectScrollUpButton as x, SelectLabel as y, lowerLegacyField as z };
 
-//# sourceMappingURL=filter-builder-DaWHUZuV.js.map
+//# sourceMappingURL=filter-builder-04nas3eq.js.map