@pstdio/ui 0.40.0 → 0.42.0

package/dist/display-sort-control-f3rbILsV.js

@@ -0,0 +1,588 @@
+import { n as e } from "./scroll-area-Cr1lNXAr.js";
+import { t } from "./empty-state-3mVV_pV-.js";
+import { C as n, E as r, S as i, T as a, _ as o, b as s, c, d as l, f as u, g as d, m as f, p, u as m, x as h } from "./collection-view-search-CpjJy76w.js";
+import { n as g, t as _ } from "./collection-view-grouping-D4nZk8-3.js";
+import { Badge as v, Button as y, HStack as b, Icon as x, IconButton as ee, Menu as S, Popover as C, Portal as te, Stack as w, Text as T } from "@chakra-ui/react";
+import { c as E } from "react/compiler-runtime";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Fragment as A, createElement as j, useEffect as ne, useRef as M, useState as re } from "react";
+import * as N from "lucide-react";
+import { Check as P, ChevronDown as F, List as ie, SearchX as I, Settings2 as ae, SquareKanban as oe, X as L } from "lucide-react";
+//#region src/components/kanban-renderer/collection-badge.tsx
+var R = (e) => e.split(/[^a-zA-Z0-9]+/).filter(Boolean).map((e) => `${e.charAt(0).toUpperCase()}${e.slice(1)}`).join(""), z = (e) => {
+	if (!e) return;
+	let t = R(e);
+	for (let n of [
+		e,
+		t,
+		`${t}Icon`
+	]) {
+		let e = N[n];
+		if (e && (typeof e == "function" || typeof e == "object")) return e;
+	}
+}, B = (e) => {
+	let t = E(17), { label: n, icon: r, onClick: i } = e, a;
+	t[0] === r ? a = t[1] : (a = z(r), t[0] = r, t[1] = a);
+	let o = a, s;
+	t[2] === o ? s = t[3] : (s = o ? /* @__PURE__ */ O(x, {
+		as: o,
+		boxSize: "3.5",
+		flexShrink: 0,
+		"aria-hidden": "true"
+	}) : null, t[2] = o, t[3] = s);
+	let c;
+	t[4] === n ? c = t[5] : (c = /* @__PURE__ */ O(T, {
+		as: "span",
+		textStyle: "label/XS/medium",
+		color: "fg.muted",
+		minW: "0",
+		maxW: "10rem",
+		truncate: !0,
+		children: n
+	}), t[4] = n, t[5] = c);
+	let l;
+	t[6] !== s || t[7] !== c ? (l = /* @__PURE__ */ k(D, { children: [s, c] }), t[6] = s, t[7] = c, t[8] = l) : l = t[8];
+	let u = l, d;
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+		display: "inline-flex",
+		gap: "2xs",
+		alignItems: "center",
+		minW: "0",
+		maxW: "100%",
+		variant: "subtle",
+		bg: {
+			_light: "bg.muted",
+			_dark: "bg.subtle"
+		},
+		color: "fg.muted",
+		textStyle: "label/XS/medium",
+		"data-testid": "collection-badge"
+	}, t[9] = d) : d = t[9];
+	let f = d;
+	if (i) {
+		let e;
+		t[10] === i ? e = t[11] : (e = (e) => {
+			e.stopPropagation(), i();
+		}, t[10] = i, t[11] = e);
+		let n;
+		return t[12] !== u || t[13] !== e ? (n = /* @__PURE__ */ O(v, {
+			asChild: !0,
+			...f,
+			cursor: "pointer",
+			children: /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: e,
+				children: u
+			})
+		}), t[12] = u, t[13] = e, t[14] = n) : n = t[14], n;
+	}
+	let p;
+	return t[15] === u ? p = t[16] : (p = /* @__PURE__ */ O(v, {
+		as: "span",
+		...f,
+		cursor: "default",
+		children: u
+	}), t[15] = u, t[16] = p), p;
+}, V = (e, t) => e.length === 0 ? null : e.length <= 2 ? e.map((e) => s(t, e)).join(", ") : `${s(t, e[0])}, ${s(t, e[1])} +${e.length - 2}`, H = (e, t, r) => {
+	if (t.kind !== "enum") return null;
+	let a = typeof r == "string" ? r : null, o = e.editable === !0;
+	if (!a) return o ? {
+		attributeId: e.id,
+		attributeLabel: e.label,
+		label: e.label,
+		value: a ?? void 0,
+		options: i(t),
+		isEditable: !0
+	} : null;
+	let s = h(t, a);
+	return {
+		attributeId: e.id,
+		attributeLabel: e.label,
+		label: s?.label ?? n(a),
+		color: s?.color,
+		icon: s?.icon,
+		...o ? {
+			value: a,
+			options: i(t),
+			isEditable: !0
+		} : {}
+	};
+}, U = (e, t, n) => {
+	if (t.kind !== "enum-multi") return null;
+	let r = Array.isArray(n) ? n.filter((e) => typeof e == "string") : [], a = V(r, t), o = e.editable === !0;
+	if (!a) return o ? {
+		attributeId: e.id,
+		attributeLabel: e.label,
+		label: e.label,
+		value: r,
+		options: i(t),
+		isEditable: !0
+	} : null;
+	let s = r[0] ? h(t, r[0]) : void 0;
+	return {
+		attributeId: e.id,
+		attributeLabel: e.label,
+		label: a,
+		color: s?.color,
+		icon: s?.icon,
+		...o ? {
+			value: r,
+			options: i(t),
+			isEditable: !0
+		} : {}
+	};
+}, W = (e) => {
+	if (typeof e != "string" || e === "") return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString();
+}, G = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : typeof e == "string" && e !== "" && !Number.isNaN(Number(e)) ? e : null, K = (e) => e == null ? null : typeof e == "string" ? e === "" ? null : e : String(e), q = (e) => K(e), se = (e) => e != null && e !== !1, J = (e) => typeof e == "object" && !!e && !Array.isArray(e), Y = (e) => typeof e == "string" && e.trim() ? e.trim() : void 0, ce = (e) => J(e) && typeof e.type == "string" && typeof e.id == "string", le = (e) => Array.isArray(e) ? e.flatMap((e) => {
+	if (!J(e)) return [];
+	let t = Y(e.id);
+	if (!t) return [];
+	let n = Y(e.label) ?? t, r = Y(e.icon), i = ce(e.resource) ? e.resource : void 0;
+	return [{
+		id: t,
+		label: n,
+		...r ? { icon: r } : {},
+		...i ? { resource: i } : {}
+	}];
+}) : [], X = (e, t, n, r) => {
+	if (e.display?.kind !== "badge-list") return null;
+	let i = le(n.attributes[e.display.itemsAttributeId]);
+	if (i.length === 0) return null;
+	let a = typeof t == "string" ? t : void 0, o = i.find((e) => e.id === a) ?? i[0];
+	return o ? [o, ...i.filter((e) => e.id !== o.id)].map((e) => j(B, {
+		key: e.id,
+		label: e.label,
+		icon: e.icon,
+		onClick: e.resource && r ? () => r(e.resource) : void 0
+	})) : null;
+}, Z = (e, t) => {
+	let n = e.type, r = o(t, e);
+	if (e.render || e.display) return null;
+	if (n.kind === "enum") return H(e, n, r);
+	if (n.kind === "enum-multi") return U(e, n, r);
+	if (n.kind === "date") {
+		let t = W(r);
+		return t ? {
+			attributeId: e.id,
+			label: t
+		} : null;
+	}
+	if (n.kind === "number") {
+		let t = G(r);
+		return t ? {
+			attributeId: e.id,
+			label: t
+		} : null;
+	}
+	if (n.kind === "user") {
+		let t = q(r);
+		return t ? {
+			attributeId: e.id,
+			label: t,
+			color: "blue"
+		} : null;
+	}
+	let i = K(r);
+	return i ? {
+		attributeId: e.id,
+		label: i
+	} : null;
+}, ue = (e, t, n) => {
+	let i = [];
+	for (let a of n) {
+		let n = r(t, a);
+		if (!n || n.displayable === !1) continue;
+		let o = Z(n, e);
+		o && i.push(o);
+	}
+	return i;
+}, de = (e, t, n) => {
+	let i = [];
+	for (let a of n) {
+		let n = r(t, a);
+		if (!n || n.displayable === !1) continue;
+		let s = o(e, n), c = n.render ? n.render(s, e) : X(n, s, e);
+		se(c) && i.push(c);
+	}
+	return i;
+}, Q = (e, t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of e) for (let e of d(r, t)) n.add(e);
+	return n;
+}, fe = (e, t) => {
+	let r = [];
+	for (let a of e) {
+		if (!a.filterable) continue;
+		if (a.type.kind === "enum" || a.type.kind === "enum-multi") {
+			let e = i(a.type), o = Q(t, a), s = new Set(e.map((e) => e.value)), c = [...o].filter((e) => !s.has(e)).sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+				value: e,
+				label: n(e)
+			}));
+			r.push({
+				id: a.id,
+				label: a.label,
+				selectionMode: "multiple",
+				options: [...e.map((e) => ({
+					value: e.value,
+					label: e.label,
+					color: e.color,
+					icon: e.icon
+				})), ...c]
+			});
+			continue;
+		}
+		let e = [...Q(t, a)].sort((e, t) => e.localeCompare(t, void 0, { numeric: !0 })).map((e) => ({
+			value: e,
+			label: n(e)
+		}));
+		r.push({
+			id: a.id,
+			label: a.label,
+			selectionMode: "multiple",
+			options: e
+		});
+	}
+	return r;
+}, pe = (e) => {
+	let t = [{
+		value: a,
+		label: "None"
+	}];
+	for (let n of e) n.groupable && n.type.kind !== "enum-multi" && t.push({
+		value: n.id,
+		label: n.label
+	});
+	return t;
+}, me = (e) => {
+	let t = [];
+	for (let n of e) n.displayable && t.push({
+		value: n.id,
+		label: n.label
+	});
+	return t;
+}, he = (e, t) => t === "none" ? e.filter((e) => e.value === a) : e.filter((e) => e.value === "none" || e.value !== t), ge = (e, t) => e === "none" ? "all" : t?.columnKey, _e = (e, t, n, a = []) => {
+	if (e === "none") return;
+	let o = r(t, e);
+	if (!o || o.type.kind !== "enum") return;
+	let s = i(o.type).map((e) => e.value), l = _(o);
+	if (a.some((e) => g(e, o) === l) && s.push(l), n?.conjunction !== "and") return s;
+	let u = s.map((t) => ({
+		id: t,
+		title: t,
+		attributes: t === l ? {} : { [e]: t }
+	}));
+	return c(u, {
+		conjunction: "and",
+		rules: n.rules.filter((t) => t.attributeId === e)
+	}, [o]).map((e) => e.id);
+}, ve = (e) => {
+	let t = E(2), n;
+	return t[0] === e.children ? n = t[1] : (n = /* @__PURE__ */ O(T, {
+		paddingX: "xs",
+		paddingTop: "xs",
+		paddingBottom: "2xs",
+		textStyle: "label/XS/medium",
+		color: "fg.muted",
+		children: e.children
+	}), t[0] = e.children, t[1] = n), n;
+}, $ = (e) => {
+	let t = E(21), n;
+	t[0] !== e.label || t[1] !== e.options || t[2] !== e.value ? (n = e.options.find((t) => t.value === e.value)?.label ?? e.label, t[0] = e.label, t[1] = e.options, t[2] = e.value, t[3] = n) : n = t[3];
+	let r = n, i = e.options[0]?.value === "none", a;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+		strategy: "fixed",
+		hideWhenDetached: !0
+	}, t[4] = a) : a = t[4];
+	let o;
+	t[5] === e.label ? o = t[6] : (o = /* @__PURE__ */ O(T, {
+		textStyle: "label/S/regular",
+		children: e.label
+	}), t[5] = e.label, t[6] = o);
+	let s;
+	t[7] === r ? s = t[8] : (s = /* @__PURE__ */ O(b, {
+		marginLeft: "auto",
+		minW: "0",
+		gap: "2xs",
+		color: "fg.muted",
+		children: /* @__PURE__ */ O(T, {
+			textStyle: "label/S/regular",
+			truncate: !0,
+			children: r
+		})
+	}), t[7] = r, t[8] = s);
+	let c;
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ O(F, { size: 12 }), t[9] = c) : c = t[9];
+	let l;
+	t[10] !== o || t[11] !== s ? (l = /* @__PURE__ */ O(S.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ k(y, {
+			size: "xs",
+			variant: "ghost",
+			width: "full",
+			justifyContent: "flex-start",
+			gap: "xs",
+			children: [
+				o,
+				s,
+				c
+			]
+		})
+	}), t[10] = o, t[11] = s, t[12] = l) : l = t[12];
+	let u;
+	t[13] !== i || t[14] !== e ? (u = e.options.map((t, n) => /* @__PURE__ */ k(A, { children: [i && n === 1 ? /* @__PURE__ */ O(S.Separator, {}) : null, /* @__PURE__ */ O(S.Item, {
+		value: t.value,
+		onClick: () => e.onSelect(t.value),
+		children: /* @__PURE__ */ k(b, {
+			width: "full",
+			gap: "xs",
+			children: [/* @__PURE__ */ O(T, {
+				textStyle: "label/S/regular",
+				children: t.label
+			}), t.value === e.value ? /* @__PURE__ */ O(x, {
+				as: P,
+				marginLeft: "auto",
+				boxSize: "0.875rem"
+			}) : null]
+		})
+	})] }, t.value)), t[13] = i, t[14] = e, t[15] = u) : u = t[15];
+	let d;
+	t[16] === u ? d = t[17] : (d = /* @__PURE__ */ O(S.Positioner, { children: /* @__PURE__ */ O(S.Content, { children: u }) }), t[16] = u, t[17] = d);
+	let f;
+	return t[18] !== l || t[19] !== d ? (f = /* @__PURE__ */ k(S.Root, {
+		positioning: a,
+		children: [l, d]
+	}), t[18] = l, t[19] = d, t[20] = f) : f = t[20], f;
+}, ye = (t) => {
+	let n = E(56), { settings: r, groupingOptions: i, displayPropertyOptions: a, onViewModeChange: o, onColumnGroupingChange: s, onRowGroupingChange: c, onDisplayPropertyToggle: l } = t, u = M(null), d = M(null), [f, p] = re(!1), m, h;
+	n[0] === f ? (m = n[1], h = n[2]) : (m = () => {
+		if (!f) return;
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Node && (d.current?.contains(t) || u.current?.contains(t) || p(!1));
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, h = [f], n[0] = f, n[1] = m, n[2] = h), ne(m, h);
+	let g, _;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+		placement: "bottom-end",
+		offset: { mainAxis: 8 },
+		getAnchorElement: () => u.current
+	}, _ = (e) => p(e.open), n[3] = g, n[4] = _) : (g = n[3], _ = n[4]);
+	let v;
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ O(e, {
+		content: "Display",
+		children: /* @__PURE__ */ O(C.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ O(ee, {
+				ref: u,
+				"aria-label": "Display settings",
+				variant: "ghost",
+				size: "2xs",
+				children: /* @__PURE__ */ O(x, { as: ae })
+			})
+		})
+	}), n[5] = v) : v = n[5];
+	let S;
+	n[6] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ O(ve, { children: "DISPLAY" }), n[6] = S) : S = n[6];
+	let w = r.viewMode === "list", T;
+	n[7] === o ? T = n[8] : (T = () => o("list"), n[7] = o, n[8] = T);
+	let D;
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ O(ie, {}), n[9] = D) : D = n[9];
+	let A;
+	n[10] !== w || n[11] !== T ? (A = /* @__PURE__ */ k(y, {
+		flex: "1",
+		size: "2xs",
+		variant: "ghost",
+		"aria-pressed": w,
+		onClick: T,
+		children: [D, "List"]
+	}), n[10] = w, n[11] = T, n[12] = A) : A = n[12];
+	let j = r.viewMode === "board", N;
+	n[13] === o ? N = n[14] : (N = () => o("board"), n[13] = o, n[14] = N);
+	let P;
+	n[15] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ O(oe, {}), n[15] = P) : P = n[15];
+	let F;
+	n[16] !== j || n[17] !== N ? (F = /* @__PURE__ */ k(y, {
+		flex: "1",
+		size: "2xs",
+		variant: "ghost",
+		"aria-pressed": j,
+		onClick: N,
+		children: [P, "Board"]
+	}), n[16] = j, n[17] = N, n[18] = F) : F = n[18];
+	let I;
+	n[19] !== F || n[20] !== A ? (I = /* @__PURE__ */ k(b, {
+		borderRadius: "sm",
+		bg: "bg.subtle",
+		padding: "2xs",
+		gap: "2xs",
+		children: [A, F]
+	}), n[19] = F, n[20] = A, n[21] = I) : I = n[21];
+	let L;
+	n[22] !== s || n[23] !== c || n[24] !== r.rowGrouping ? (L = (e) => {
+		s(e), (e === "none" || e === r.rowGrouping) && c("none");
+	}, n[22] = s, n[23] = c, n[24] = r.rowGrouping, n[25] = L) : L = n[25];
+	let R;
+	n[26] !== i || n[27] !== r.columnGrouping || n[28] !== L ? (R = /* @__PURE__ */ O($, {
+		label: "Grouping",
+		value: r.columnGrouping,
+		options: i,
+		onSelect: L
+	}), n[26] = i, n[27] = r.columnGrouping, n[28] = L, n[29] = R) : R = n[29];
+	let z = r.rowGrouping, B;
+	n[30] !== i || n[31] !== r.columnGrouping ? (B = he(i, r.columnGrouping), n[30] = i, n[31] = r.columnGrouping, n[32] = B) : B = n[32];
+	let V;
+	n[33] !== c || n[34] !== r.rowGrouping || n[35] !== B ? (V = /* @__PURE__ */ O($, {
+		label: "Sub-grouping",
+		value: z,
+		options: B,
+		onSelect: c
+	}), n[33] = c, n[34] = r.rowGrouping, n[35] = B, n[36] = V) : V = n[36];
+	let H = t.sortControl, U;
+	n[37] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ O(ve, { children: "PROPERTIES" }), n[37] = U) : U = n[37];
+	let W;
+	if (n[38] !== a || n[39] !== l || n[40] !== r.displayProperties) {
+		let e;
+		n[42] !== l || n[43] !== r.displayProperties ? (e = (e) => {
+			let t = r.displayProperties.includes(e.value);
+			return /* @__PURE__ */ O(y, {
+				size: "2xs",
+				variant: "ghost",
+				"aria-pressed": t,
+				onClick: () => l(e.value),
+				children: e.label
+			}, e.value);
+		}, n[42] = l, n[43] = r.displayProperties, n[44] = e) : e = n[44], W = a.map(e), n[38] = a, n[39] = l, n[40] = r.displayProperties, n[41] = W;
+	} else W = n[41];
+	let G;
+	n[45] === W ? G = n[46] : (G = /* @__PURE__ */ O(b, {
+		paddingX: "xs",
+		paddingBottom: "xs",
+		flexWrap: "wrap",
+		gap: "2xs",
+		children: W
+	}), n[45] = W, n[46] = G);
+	let K;
+	n[47] !== t.sortControl || n[48] !== I || n[49] !== R || n[50] !== V || n[51] !== G ? (K = /* @__PURE__ */ O(te, { children: /* @__PURE__ */ O(C.Positioner, { children: /* @__PURE__ */ k(C.Content, {
+		ref: d,
+		width: "18.75rem",
+		padding: "xs",
+		gap: "1px",
+		children: [
+			S,
+			I,
+			R,
+			V,
+			H,
+			U,
+			G
+		]
+	}) }) }), n[47] = t.sortControl, n[48] = I, n[49] = R, n[50] = V, n[51] = G, n[52] = K) : K = n[52];
+	let q;
+	return n[53] !== f || n[54] !== K ? (q = /* @__PURE__ */ k(C.Root, {
+		open: f,
+		closeOnInteractOutside: !1,
+		positioning: g,
+		onOpenChange: _,
+		children: [v, K]
+	}), n[53] = f, n[54] = K, n[55] = q) : q = n[55], q;
+}, be = (e) => {
+	let n = E(9), { search: r, onClearSearch: i } = e, a;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ O(x, { as: I }), n[0] = a) : a = n[0];
+	let o;
+	n[1] === r ? o = n[2] : (o = r.trim(), n[1] = r, n[2] = o);
+	let s = `No results for “${o}”`, c;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ O(L, {}), n[3] = c) : c = n[3];
+	let l;
+	n[4] === i ? l = n[5] : (l = /* @__PURE__ */ k(y, {
+		size: "2xs",
+		variant: "outline",
+		onClick: i,
+		children: [c, " Clear search"]
+	}), n[4] = i, n[5] = l);
+	let u;
+	return n[6] !== s || n[7] !== l ? (u = /* @__PURE__ */ O(t, {
+		h: "full",
+		icon: a,
+		title: s,
+		description: "Search looks at the titles and properties this view shows.",
+		children: l
+	}), n[6] = s, n[7] = l, n[8] = u) : u = n[8], u;
+}, xe = (e) => {
+	let t = E(15), { fields: n, sorts: r, onSortsChange: i } = e, a = r[0], o;
+	if (t[0] !== n || t[1] !== i || t[2] !== a) {
+		let e = a ? f(n, a.attributeId) : void 0, r;
+		t[4] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ O(T, {
+			textStyle: "label/S/regular",
+			flex: "1",
+			children: "Ordering"
+		}), t[4] = r) : r = t[4];
+		let s = a ? `field:${a.attributeId}` : "none", c;
+		t[5] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+			value: "none",
+			label: "None"
+		}, t[5] = c) : c = t[5];
+		let u;
+		t[6] === n ? u = t[7] : (u = [c, ...n.filter(p).map(Se)], t[6] = n, t[7] = u);
+		let d;
+		t[8] !== i || t[9] !== a?.direction ? (d = (e) => i(e === "none" ? [] : [{
+			attributeId: e.slice(6),
+			direction: a?.direction ?? "asc"
+		}]), t[8] = i, t[9] = a?.direction, t[10] = d) : d = t[10];
+		let h;
+		t[11] !== s || t[12] !== u || t[13] !== d ? (h = /* @__PURE__ */ k(b, {
+			paddingX: "xs",
+			minH: "7",
+			gap: "xs",
+			children: [r, /* @__PURE__ */ O(l, {
+				"aria-label": "Ordering",
+				width: "9rem",
+				value: s,
+				options: u,
+				onSelect: d
+			})]
+		}), t[11] = s, t[12] = u, t[13] = d, t[14] = h) : h = t[14], o = /* @__PURE__ */ k(w, {
+			"data-testid": "display-sort-control",
+			gap: "1px",
+			children: [h, a ? /* @__PURE__ */ k(b, {
+				paddingX: "xs",
+				minH: "7",
+				gap: "xs",
+				children: [/* @__PURE__ */ O(T, {
+					textStyle: "label/S/regular",
+					flex: "1",
+					children: "Direction"
+				}), /* @__PURE__ */ O(l, {
+					"aria-label": "Sort direction",
+					width: "9rem",
+					value: a.direction,
+					options: [{
+						value: "asc",
+						label: m(e, "asc")
+					}, {
+						value: "desc",
+						label: m(e, "desc")
+					}],
+					onSelect: (e) => i([{
+						...a,
+						direction: e
+					}])
+				})]
+			}) : null]
+		}), t[0] = n, t[1] = i, t[2] = a, t[3] = o;
+	} else o = t[3];
+	return o;
+};
+function Se(e) {
+	return {
+		value: `field:${e.id}`,
+		label: e.label,
+		icon: u(e)
+	};
+}
+//#endregion
+export { me as a, ue as c, X as d, _e as f, $ as i, de as l, be as n, fe as o, ge as p, ye as r, pe as s, xe as t, Z as u };
+
+//# sourceMappingURL=display-sort-control-f3rbILsV.js.map