@astrato-io/visualizations 0.0.0-stage → 0.6.4

package/chunks/standalone-87YV_m9n.js

@@ -0,0 +1,687 @@
+import { o as e } from "./rolldown-runtime-DleVn1XH.js";
+import { Oa as t, Ts as n, Wc as r, do as i, ds as a, fa as o, fo as s } from "./interfaces-VUY4_yVO.js";
+import { $n as c, G as l, Gn as u, Ki as d, Sr as f, Zt as p, c as m, d as h, m as g, n as _, s as v, ui as y, wi as b, xn as x } from "./utils-Ba9T0TqC.js";
+import { z as S } from "./ui-D1HQNIBy.js";
+import { C, w } from "./_baseFlatten-DPXPOrea.js";
+import { a as ee, c as te, h as ne, i as T, l as re, m as ie, n as ae, o as oe, r as E, s as se, t as D, u as O } from "./filtering-Yq4DEa0t.js";
+import "./src-DvX5LU9T.js";
+import { d as ce, f as k, i as A, l as j, n as M, p as N, r as P } from "./Radio-Ciu-F4CU.js";
+var le = (e) => ({
+	hasImage: !!e.dimensions[1]?.dataItem,
+	hasMeasure: !!e.measures[0]?.dataItem,
+	searchEnabled: !!e.filterSettings?.searchable,
+	quickSelection: !!e.filterSettings?.quickSelect
+}), F = a(), I = /* @__PURE__ */ e(d()), ue = /* @__PURE__ */ e(u()), L = l({ menuTrigger: ({ responsive: e, isDisplayImportant: t }) => ({
+	...e && C,
+	display: t ? "inline-flex !important" : "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	minWidth: 22,
+	width: 22,
+	height: 22,
+	padding: 0,
+	borderRadius: 6,
+	border: "none",
+	backgroundColor: "transparent",
+	color: "inherit",
+	lineHeight: 0,
+	"&:hover": { boxShadow: "inset 0 0 0 1px currentColor" },
+	"&:focus": { outline: "none" },
+	...e && {
+		[w.md]: {
+			minWidth: 20,
+			width: 20,
+			height: 20,
+			borderRadius: 5
+		},
+		[w.sm]: {
+			minWidth: 16,
+			width: 16,
+			height: 16,
+			borderRadius: 4
+		},
+		[w.xs]: {
+			minWidth: 12,
+			width: 12,
+			height: 12,
+			borderRadius: 3
+		}
+	}
+}) }), R = b();
+function z(e) {
+	let { isPreview: t, areSelectedValues: n, arePendingValues: r, isNotEnabled: i, responsive: a, onClear: o, onDeselectAll: s, onSelectAll: c, onSelectExcluded: l, toggleNotOperator: u, onLockClick: d, isSingleSelectField: p = !1 } = e, [m, h] = (0, I.useState)(!1), g = L({
+		responsive: a,
+		isDisplayImportant: !0
+	}), _ = x().daedalus.getWorkbookProperties()?.isLockUnlockFieldsEnabled ?? !1, v = [{
+		disabled: t || !r,
+		key: "clear",
+		label: "Clear",
+		type: "option",
+		onClick: o
+	}];
+	return p || v.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		disabled: t || !n,
+		key: "deselect-all",
+		label: "Deselect all",
+		type: "option",
+		onClick: s
+	}, {
+		disabled: t,
+		key: "select-all",
+		label: i ? "Exclude all" : "Select all",
+		type: "option",
+		onClick: c
+	}, {
+		disabled: t,
+		key: "invert",
+		label: "Invert",
+		type: "option",
+		onClick: l
+	}, {
+		disabled: t,
+		key: "not",
+		label: "Exclude",
+		type: "option",
+		onClick: u
+	}), _ && v.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		key: "lock",
+		label: "Lock",
+		type: "option",
+		icon: { right: /* @__PURE__ */ (0, R.jsx)(f, {}) },
+		onClick: d
+	}), /* @__PURE__ */ (0, R.jsx)(j, {
+		open: m,
+		placement: "bottom-end",
+		title: /* @__PURE__ */ (0, R.jsx)(N, {
+			onClickAway: () => h(!1),
+			children: /* @__PURE__ */ (0, R.jsx)(M, {
+				onClose: () => h(!1),
+				options: v,
+				responsive: a,
+				style: { margin: "-8px -12px" }
+			})
+		}),
+		children: /* @__PURE__ */ (0, R.jsx)(A, {
+			onClick: () => h(!m),
+			"data-testid": "filter-button-icon-dots",
+			className: g.menuTrigger,
+			children: /* @__PURE__ */ (0, R.jsx)(y, {
+				fill: "currentColor",
+				size: 20
+			})
+		})
+	});
+}
+var B = {
+	borderBottom: `1px solid ${t.grey5}`,
+	margin: "0 12px",
+	width: "calc(100% - 24px)"
+}, de = {
+	flexGrow: 1,
+	borderRadius: 0,
+	height: 28,
+	boxShadow: "0 3px 6px rgba(0, 0, 0, 0.2)",
+	clipPath: "inset(0 0 -10px 0)",
+	transform: "translateY(-3px)"
+}, fe = {
+	position: "absolute",
+	inset: 0,
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "flex-end",
+	pointerEvents: "auto",
+	zIndex: 2
+}, V = ({ vSpec: e, vTheme: t, filterValues: n, isPreview: r, loadMoreData: i, searchTerm: a, setSearchTerm: s, allValuesLoaded: l, isSearching: u = !1, isApplyingFilters: d = !1 }) => {
+	let f = x(), [p, h] = (0, I.useState)(a), y = !!e.filterSettings?.defaultNotState, [b, C] = (0, I.useState)(y), [w, T] = ne(e), ie = (0, I.useMemo)(() => (0, ue.default)((e) => s(e), 300), [s]), oe = n.reduce((e, t) => (t.disabled || e.push(t.dimension), e), []), A = r ? [] : [{
+		dataItem: e.dimensions[0]?.dataItem,
+		dateLevel: e.dimensions[0]?.dateLevel,
+		datePart: e.dimensions[0]?.datePart,
+		values: oe
+	}], { hasImage: j, hasMeasure: M, searchEnabled: N, quickSelection: P } = le(e), L = e.filterSettings?.filterStyle?.backgroundColor ?? o.backgroundColor, V = ce({
+		...k,
+		"--background-color": L
+	})["--background-color-hover"], [pe] = v(A, {
+		disabled: r,
+		state: P ? F.SelectionState.APPLIED : void 0,
+		defaultOperator: b ? F.FilterOperator.NotInList : F.FilterOperator.InList,
+		commitHistory: P
+	}), { onClear: me, onClick: H, onDeselectAll: U, onSelectExcluded: W, onNotOperatorChange: G, onSelectAll: K, field: q, state: J, operators: Y } = pe ?? m, { isFieldLocked: X, toggleFieldLock: he } = _(q), Z = J.pending ?? J.applied ?? [], ge = g([q]);
+	(0, I.useEffect)(() => {
+		let e = Y.pending ?? Y.applied;
+		if (e) {
+			C(e === F.FilterOperator.NotInList);
+			return;
+		}
+		C(y);
+	}, [y, Y]);
+	let _e = (0, I.useCallback)(() => {
+		C((e) => !e), G();
+	}, [C, G]);
+	function ve() {
+		l ? K() : f.daedalus.emitEvent(F.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+			type: "warn",
+			message: "Cannot select values, because not all of them are loaded!"
+		});
+	}
+	let Q = X || d || u, ye = (0, I.useRef)(null);
+	(0, I.useEffect)(() => {
+		ye.current?.toggleAttribute("inert", Q);
+	}, [Q]);
+	let $ = n;
+	return X && ($ = n.filter((e) => Z.includes(e.dimension))), /* @__PURE__ */ (0, R.jsx)("div", {
+		style: {
+			position: "relative",
+			height: "100%"
+		},
+		children: /* @__PURE__ */ (0, R.jsx)(D, {
+			blurBackground: !0,
+			filterStyle: e.filterSettings?.filterStyle,
+			vTheme: t,
+			fontSize: e.filterSettings?.fontStyle?.fontSize ?? o.fontSize,
+			children: /* @__PURE__ */ (0, R.jsxs)(O.Provider, {
+				value: {
+					appliedOperator: Y.applied,
+					pendingOperator: Y.pending
+				},
+				children: [
+					/* @__PURE__ */ (0, R.jsx)(E, {
+						measureTitle: T,
+						dimensionTitle: w,
+						searchEnabled: N && !r,
+						searchTerm: p,
+						onSearchChange: (e) => {
+							h(e), ie(e);
+						},
+						onApplySearched: ve,
+						fontStyle: e.filterSettings?.fontStyle,
+						vTheme: t,
+						isNotEnabled: b,
+						responsive: e?.filterSettings?.responsive,
+						isLocked: X,
+						children: P ? null : /* @__PURE__ */ (0, R.jsx)(z, {
+							isPreview: r,
+							responsive: e?.filterSettings?.responsive,
+							areSelectedValues: Z.length > 0,
+							arePendingValues: !!J.pending,
+							onClear: me,
+							onDeselectAll: U,
+							onSelectExcluded: W,
+							onSelectAll: K,
+							toggleNotOperator: _e,
+							onLockClick: he,
+							isNotEnabled: b,
+							isSingleSelectField: ge
+						})
+					}),
+					u ? /* @__PURE__ */ (0, R.jsx)(ee, { loading: !0 }) : /* @__PURE__ */ (0, R.jsx)("div", { style: B }),
+					/* @__PURE__ */ (0, R.jsx)("div", {
+						ref: ye,
+						style: {
+							height: "100%",
+							opacity: Q ? .5 : 1,
+							pointerEvents: Q ? "none" : void 0,
+							transition: "opacity 0.15s ease"
+						},
+						children: /* @__PURE__ */ (0, R.jsxs)(ae, {
+							loadMoreData: i,
+							responsive: e?.filterSettings?.responsive,
+							children: [l && $.length === 0 && !u && !d ? /* @__PURE__ */ (0, R.jsx)(te, {
+								responsive: e?.filterSettings?.responsive,
+								applied: !1,
+								disabled: !1,
+								selected: !1,
+								hoverColor: V,
+								fontStyle: e.filterSettings.fontStyle,
+								dimensionValue: "No results to display."
+							}) : null, j || M ? /* @__PURE__ */ (0, R.jsx)(re, {
+								vSpec: e,
+								filterValues: $,
+								hoverColor: V,
+								onItemClick: H,
+								selectedValues: Z,
+								appliedValues: J.applied ?? [],
+								searchTerm: a
+							}) : /* @__PURE__ */ (0, R.jsx)(se, {
+								vSpec: e,
+								filterValues: $,
+								hoverColor: V,
+								onItemClick: H,
+								selectedValues: Z,
+								appliedValues: J.applied ?? [],
+								searchTerm: a
+							})]
+						})
+					}),
+					X && /* @__PURE__ */ (0, R.jsx)("div", {
+						style: fe,
+						children: /* @__PURE__ */ (0, R.jsx)(S, {
+							color: "secondary",
+							style: de,
+							onClick: () => he(),
+							children: /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(c, { fill: "white" }), "Unlock"] })
+						})
+					})
+				]
+			})
+		})
+	});
+};
+function pe(e) {
+	let { quickSelection: t, isPreview: n, areSelectedValues: r, state: i, responsive: a, isSingleSelectField: o = !1, onClear: s, onDeselectAll: c, onSelectAll: l, onSelectExcluded: u, onNotOperatorChange: d, onLockClick: p } = e, [m, h] = (0, I.useState)(!1), g = L({ responsive: a }), { appliedOperator: _, pendingOperator: v } = (0, I.useContext)(O), b = _ ?? v ?? F.FilterOperator.InList, S = x().daedalus.getWorkbookProperties()?.isLockUnlockFieldsEnabled ?? !1;
+	if (t) return null;
+	let C = [{
+		disabled: n || !i.pending,
+		key: "clear",
+		label: "Clear",
+		type: "option",
+		onClick: s
+	}];
+	return o || C.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		disabled: n || !r,
+		key: "deselect-all",
+		label: "Deselect all",
+		type: "option",
+		onClick: c
+	}, {
+		disabled: n,
+		key: "select-all",
+		label: b === F.FilterOperator.InList ? "Select all" : "Exclude all",
+		type: "option",
+		onClick: l
+	}, {
+		disabled: n,
+		key: "invert",
+		label: "Invert",
+		type: "option",
+		onClick: u
+	}, {
+		disabled: n,
+		key: "not",
+		label: "Exclude",
+		type: "option",
+		onClick: d
+	}), S && C.push({
+		key: "divider",
+		type: "divider"
+	}, {
+		key: "lock",
+		label: "Lock",
+		type: "option",
+		icon: { right: /* @__PURE__ */ (0, R.jsx)(f, {}) },
+		onClick: p
+	}), /* @__PURE__ */ (0, R.jsx)(j, {
+		open: m,
+		placement: "bottom-end",
+		title: /* @__PURE__ */ (0, R.jsx)(N, {
+			onClickAway: () => h(!1),
+			children: /* @__PURE__ */ (0, R.jsx)(M, {
+				onClose: () => h(!1),
+				options: C,
+				responsive: a,
+				style: { margin: "-8px -12px" }
+			})
+		}),
+		children: /* @__PURE__ */ (0, R.jsx)(A, {
+			onClick: () => h(!m),
+			className: g.menuTrigger,
+			children: /* @__PURE__ */ (0, R.jsx)(y, {
+				fill: "currentColor",
+				size: 20
+			})
+		})
+	});
+}
+var me = l({
+	searchWrapper: (e) => ({
+		alignItems: "center",
+		display: "flex",
+		flexDirection: "row",
+		gap: 4,
+		justifyContent: "space-between",
+		padding: "8px 8px 8px 12px",
+		position: "relative",
+		width: "100%",
+		...e && {
+			[w.md]: { padding: "6px 6px 6px 10px" },
+			[w.sm]: { padding: "4px 4px 4px 8px" },
+			[w.xs]: { padding: "2px 2px 2px 4px" }
+		}
+	}),
+	searchWrapperSearch: { flexGrow: 1 },
+	tooltip: (e) => ({
+		"& .MuiTooltip-tooltip": {
+			padding: 0,
+			margin: 0,
+			backgroundColor: "transparent"
+		},
+		...U("bottom", e),
+		...U("top", e)
+	}),
+	unlockButtonStyles: {
+		width: "100%",
+		height: 28,
+		boxShadow: "0 3px 6px rgba(0, 0, 0, 0.2)",
+		clipPath: "inset(0 0 -10px 0)",
+		transform: "translateY(-3px)"
+	}
+});
+function H(e) {
+	let { children: n, isOpen: r, setIsOpen: i, isPreview: a, vSpec: s, vTheme: l, onSearchChange: u, setLocalSearch: d, allValuesLoaded: f, onSelectAll: p, localSearch: m, searchTerm: h, loadMoreData: g, headerElement: _, filterValues: v, onNotOperatorChange: y, onClick: b, onDeselectAll: C, onClear: w, onSelectExcluded: ne, state: T, onLockClick: E, isLocked: D, isSingleSelectField: O = !1, isSearching: A = !1, isApplyingFilters: M = !1 } = e, ue = x(), L = me(s?.filterSettings?.responsive), z = M || A, B = (0, I.useRef)(null);
+	(0, I.useEffect)(() => {
+		B.current?.toggleAttribute("inert", z);
+	}, [z]);
+	let { quickSelection: de, hasMeasure: fe, hasImage: V, searchEnabled: H } = le(s), U = T.pending ?? T.applied ?? [], W = s.filterSettings?.filterStyle?.borderRadius ?? o.borderRadius, G = s.filterSettings?.fontStyle?.fontColor ?? l?.fonts?.general?.color ?? t.mainDarkNavy, K = s.filterSettings?.filterStyle?.backgroundColor ?? o.backgroundColor, q = ce({
+		...k,
+		"--background-color": K
+	})["--background-color-hover"];
+	function J(e) {
+		switch (e.key) {
+			case "Enter":
+				f ? p() : ue.daedalus.emitEvent(F.AstratoEvents.SHOW_GLOBAL_NOTIFICATION, {
+					type: "warn",
+					message: "Cannot select values, because not all of them are loaded!"
+				});
+				break;
+			case "Escape":
+				d("");
+				break;
+		}
+	}
+	return /* @__PURE__ */ (0, R.jsx)(j, {
+		placement: "bottom-start",
+		arrow: !1,
+		open: r,
+		classes: { popper: L.tooltip },
+		slotProps: { popper: { anchorEl: _?.current?.firstElementChild } },
+		title: /* @__PURE__ */ (0, R.jsx)(N, {
+			onClickAway: () => i(!1),
+			children: /* @__PURE__ */ (0, R.jsx)("div", {
+				style: {
+					minWidth: _.current?.clientWidth ?? null,
+					maxWidth: "80vw",
+					fontSize: s.filterSettings?.fontStyle?.fontSize ?? o.fontSize
+				},
+				children: r && /* @__PURE__ */ (0, R.jsxs)("div", {
+					style: { position: "relative" },
+					children: [/* @__PURE__ */ (0, R.jsx)("div", {
+						style: {
+							filter: D ? "brightness(0.93)" : void 0,
+							pointerEvents: D ? "none" : void 0
+						},
+						children: /* @__PURE__ */ (0, R.jsxs)(oe, {
+							filterStyle: s.filterSettings?.filterStyle,
+							vTheme: l,
+							isLocked: D,
+							children: [
+								H && !a && /* @__PURE__ */ (0, R.jsxs)("div", {
+									className: L.searchWrapper,
+									style: { color: G },
+									children: [/* @__PURE__ */ (0, R.jsx)(P, {
+										className: L.searchWrapperSearch,
+										"data-testid": "filter-search-input",
+										onChange: (e) => {
+											u(e.target.value);
+										},
+										autoFocus: !D,
+										onPaste: ie(u),
+										onKeyDown: J,
+										style: {
+											color: G,
+											borderColor: G
+										},
+										value: m,
+										responsive: s?.filterSettings?.responsive
+									}), /* @__PURE__ */ (0, R.jsx)(pe, {
+										responsive: s?.filterSettings?.responsive,
+										isPreview: a,
+										quickSelection: de,
+										areSelectedValues: !!U.length,
+										state: T,
+										onClear: w,
+										onDeselectAll: C,
+										onSelectAll: p,
+										onSelectExcluded: ne,
+										onNotOperatorChange: y,
+										onLockClick: E,
+										isSingleSelectField: O
+									})]
+								}),
+								/* @__PURE__ */ (0, R.jsx)(ee, { loading: A }),
+								/* @__PURE__ */ (0, R.jsx)("div", {
+									ref: B,
+									style: {
+										opacity: z ? .5 : 1,
+										pointerEvents: z ? "none" : void 0,
+										transition: "opacity 0.15s ease"
+									},
+									children: /* @__PURE__ */ (0, R.jsxs)(ae, {
+										loadMoreData: g,
+										isDropdown: !0,
+										hasSearch: H,
+										responsive: s?.filterSettings?.responsive,
+										children: [f && v.length === 0 && !A && !M ? /* @__PURE__ */ (0, R.jsx)(te, {
+											applied: !1,
+											disabled: !1,
+											selected: !1,
+											hoverColor: q,
+											fontStyle: s.filterSettings.fontStyle,
+											dimensionValue: "No results to display.",
+											responsive: s?.filterSettings?.responsive
+										}) : null, V || fe ? /* @__PURE__ */ (0, R.jsx)(re, {
+											vSpec: s,
+											filterValues: v,
+											hoverColor: q,
+											onItemClick: b,
+											selectedValues: U,
+											appliedValues: T.applied ?? [],
+											searchTerm: h
+										}) : /* @__PURE__ */ (0, R.jsx)(se, {
+											vSpec: s,
+											filterValues: v,
+											hoverColor: q,
+											onItemClick: b,
+											selectedValues: U,
+											appliedValues: T.applied ?? [],
+											searchTerm: h
+										})]
+									})
+								})
+							]
+						})
+					}), D && /* @__PURE__ */ (0, R.jsx)(S, {
+						color: "secondary",
+						style: { borderRadius: `0 0 ${W}px ${W}px` },
+						className: L.unlockButtonStyles,
+						onClick: E,
+						children: /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(c, { fill: "white" }), "Unlock"] })
+					})]
+				})
+			})
+		}),
+		children: n
+	});
+}
+function U(e, t) {
+	let n = e === "top" ? "marginBottom" : "marginTop";
+	return { [`&[data-popper-placement*="${e}"]`]: { "& .MuiTooltip-tooltip": {
+		[n]: 8,
+		...t && {
+			[w.md]: { [n]: 6 },
+			[w.sm]: { [n]: 4 },
+			[w.xs]: { [n]: 2 }
+		}
+	} } };
+}
+var W = {
+	backgroundColor: "transparent",
+	borderEnabled: !1
+}, G = ({ vSpec: e, filterValues: t, isPreview: n, vTheme: r, loadMoreData: i, searchTerm: a, setSearchTerm: s, allValuesLoaded: c, isSearching: l = !1, isApplyingFilters: u = !1 }) => {
+	let d = (0, I.useRef)(), [f, p] = (0, I.useState)(!1), [h, y] = (0, I.useState)(a), b = e.dimensions[0]?.formatter, x = t.map((e) => e.dimension), [S, C] = ne(e), { quickSelection: w } = le(e), ee = e.filterSettings?.defaultNotState ? F.FilterOperator.NotInList : F.FilterOperator.InList, [te] = v(n ? [] : [{
+		dataItem: e.dimensions[0]?.dataItem,
+		dateLevel: e.dimensions[0]?.dateLevel,
+		datePart: e.dimensions[0]?.datePart,
+		values: x
+	}], {
+		disabled: n,
+		state: w ? F.SelectionState.APPLIED : void 0,
+		defaultOperator: ee,
+		commitHistory: w
+	}), re = (0, I.useMemo)(() => (0, ue.default)((e) => s(e), 300), [s]), { onClear: ie, onClick: ae, onDeselectAll: oe, onSelectExcluded: E, onSelectAll: se, onNotOperatorChange: ce, state: k, operators: A, field: j } = te ?? m, M = k.pending ?? k.applied ?? [], { isFieldLocked: N, toggleFieldLock: P } = _(j), L = g([j]), z = (e) => {
+		y(e), re(e);
+	}, B = t;
+	return N && (B = t.filter((e) => M.includes(e.dimension))), /* @__PURE__ */ (0, R.jsx)(D, {
+		noBorder: !0,
+		vTheme: r,
+		filterStyle: W,
+		fontSize: e.filterSettings?.fontStyle?.fontSize ?? o.fontSize,
+		children: /* @__PURE__ */ (0, R.jsx)(O.Provider, {
+			value: {
+				appliedOperator: A.applied,
+				pendingOperator: A.pending
+			},
+			children: /* @__PURE__ */ (0, R.jsx)(H, {
+				isOpen: f,
+				isPreview: n,
+				vSpec: e,
+				vTheme: r,
+				allValuesLoaded: c,
+				localSearch: h,
+				searchTerm: a,
+				headerElement: d,
+				setIsOpen: p,
+				onSearchChange: z,
+				setLocalSearch: y,
+				loadMoreData: i,
+				filterValues: B,
+				onNotOperatorChange: ce,
+				onClick: ae,
+				onDeselectAll: oe,
+				onSelectAll: se,
+				onClear: ie,
+				onSelectExcluded: E,
+				state: k,
+				onLockClick: P,
+				isLocked: N,
+				isSingleSelectField: L,
+				isSearching: l,
+				isApplyingFilters: u,
+				children: /* @__PURE__ */ (0, R.jsx)("div", {
+					ref: d,
+					style: { height: "100%" },
+					children: /* @__PURE__ */ (0, R.jsx)(T, {
+						measureTitle: C,
+						dimensionTitle: S,
+						isOpen: f,
+						onToggle: () => p(!f),
+						dimensionFormatter: b,
+						selectedValues: M,
+						fontStyle: e.filterSettings?.fontStyle,
+						filterStyle: e.filterSettings?.filterStyle,
+						responsive: e?.filterSettings?.responsive,
+						isLocked: N
+					})
+				})
+			})
+		})
+	});
+}, K = [
+	{ value: "Value 1" },
+	{ value: "Value 2" },
+	{ value: "Value 3" },
+	{ value: "Value 4" },
+	{ value: "Value 5" },
+	{ value: "Value 6" },
+	{ value: "Value 7" },
+	{ value: "Value 8" },
+	{ value: "Value 9" },
+	{ value: "Value 10" },
+	{ value: "Value 11" }
+], q = ({ vSpec: e, vTheme: t }) => {
+	let a = K.map((e) => ({ dimension: e.value })), o = {
+		...e,
+		dimensions: [{
+			dataItem: {
+				internalKey: null,
+				uniqueSignature: n(),
+				schema: "excel",
+				view: "pokemon",
+				name: "city",
+				dataType: F.FieldType.STRING,
+				type: r.Dimension
+			},
+			label: "Dimension"
+		}],
+		measures: []
+	};
+	return e.filterSettings.mode === i.Dropdown ? /* @__PURE__ */ (0, R.jsx)(G, {
+		allValuesLoaded: !0,
+		vSpec: o,
+		vTheme: t,
+		filterValues: a,
+		isPreview: !0,
+		searchTerm: "",
+		setSearchTerm: () => null,
+		loadMoreData: () => null
+	}) : /* @__PURE__ */ (0, R.jsx)(V, {
+		allValuesLoaded: !0,
+		vSpec: o,
+		vTheme: t,
+		filterValues: a,
+		isPreview: !0,
+		searchTerm: "",
+		setSearchTerm: () => null,
+		loadMoreData: () => null
+	});
+}, J = p(({ vSpec: e, filterValues: t = [], vTheme: n, loadMoreData: r, searchTerm: a, setSearchTerm: o, allValuesLoaded: c, isSearching: l = !1, isApplyingFilters: u = !1 }) => {
+	let d = h();
+	if ((0, I.useEffect)(() => {
+		e?.dimensions?.length < 2 && d();
+	}, [e]), !e?.dimensions?.length && e?.dimensions !== void 0) return /* @__PURE__ */ (0, R.jsx)(q, {
+		vSpec: {
+			...e,
+			filterSettings: {
+				...e.filterSettings,
+				mode: e.filterSettings?.mode ?? i.Listbox,
+				source: e.filterSettings?.source ?? s.Engine
+			}
+		},
+		vTheme: n
+	});
+	if (e?.dimensions === void 0 || !e?.filterSettings?.mode || !e?.filterSettings?.source) return null;
+	switch (e.filterSettings.mode) {
+		case i.Image: return null;
+		case i.Dropdown: return /* @__PURE__ */ (0, R.jsx)(G, {
+			allValuesLoaded: c,
+			vSpec: e,
+			vTheme: n,
+			filterValues: t,
+			loadMoreData: r,
+			searchTerm: a,
+			setSearchTerm: o,
+			isSearching: l,
+			isApplyingFilters: u
+		});
+		case i.Listbox:
+		default: return /* @__PURE__ */ (0, R.jsx)(V, {
+			allValuesLoaded: c,
+			vSpec: e,
+			vTheme: n,
+			filterValues: t,
+			loadMoreData: r,
+			searchTerm: a,
+			setSearchTerm: o,
+			isSearching: l,
+			isApplyingFilters: u
+		});
+	}
+});
+export { J as Filter };