@astrato-io/visualizations 0.6.4 → 0.6.5

package/chunks/standalone-87YV_m9n.js

@@ -1,687 +0,0 @@
-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 };