@infinilabs/discover 0.0.1

package/dist/search_bar-Caqi1NVo.js

@@ -0,0 +1,1815 @@
+import { o as __toESM } from "./chunk-CIp4IH9D.js";
+import { n as require_jsx_runtime, t as require_lodash } from "./lodash-D-qGlPRW.js";
+import { m as withKibana, p as useKibana, t as getIndexPatterns } from "./services-9wPHk1eh.js";
+import { c as FilterLabel } from "./public-1PveQco4.js";
+import { t as require_classnames } from "./classnames-eUba3oot.js";
+import "./common-BlOHZJzI.js";
+import "./lib-C9j_E-l0.js";
+import { t as createLucideIcon } from "./createLucideIcon-BO6TDGE7.js";
+import { t as QueryBarTopRow } from "./query_bar_top_row-DonV1OzY.js";
+import { a as init_ResizeObserver_es, o as ListFilter, r as ResizeObserver_es_default, t as Ft } from "./dist-DCz_Qv0B.js";
+import { $ as toggleFilterDisabled, Ct as moment_default, E as require_target, J as buildEmptyFilter, N as isFilterable, Q as pinFilter, St as init_moment, W as cleanFilter, X as enableFilter, Y as disableFilter, Z as isFilterPinned, et as toggleFilterNegated, f as Ipv4Address, it as getFilterParams, mt as getIndexPatternFromFilter, nt as unpinFilter, pt as getDisplayValueFromFilter, tt as toggleFilterPinned, vt as buildCustomFilter, yt as buildFilter } from "./common-Tr1I-HCs.js";
+import { t as FILTER_OPERATORS } from "./filter_operators-C-TaTcNc.js";
+import "./query_string_input-CyPZVKif.js";
+import React, { Component, Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button, Checkbox, Divider, Empty, Input, Menu, Popover, Select, Space, Spin, Switch } from "antd";
+import { EuiBadge, EuiComboBox, EuiFieldNumber, EuiFieldText, EuiFlexGroup, EuiFlexItem, EuiForm, EuiFormControlLayoutDelimited, EuiFormRow, EuiSelect, EuiSpacer, useInnerText } from "@elastic/eui";
+import Icon, { BarsOutlined, CheckOutlined, CloseCircleOutlined, CloseOutlined, DownOutlined, FilterOutlined, LayoutOutlined, LeftOutlined, ReloadOutlined, RightOutlined, SortAscendingOutlined, TableOutlined, UpOutlined } from "@ant-design/icons";
+var CircleMinus = createLucideIcon("circle-minus", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "M8 12h8",
+	key: "1wcyev"
+}]]), CirclePlus = createLucideIcon("circle-plus", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M8 12h8",
+		key: "1wcyev"
+	}],
+	["path", {
+		d: "M12 8v8",
+		key: "napkw2"
+	}]
+]), EyeOff = createLucideIcon("eye-off", [
+	["path", {
+		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+		key: "ct8e1f"
+	}],
+	["path", {
+		d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+		key: "151rxh"
+	}],
+	["path", {
+		d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+		key: "13bj9a"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}]
+]), Eye = createLucideIcon("eye", [["path", {
+	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+	key: "1nclc0"
+}], ["circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	key: "1v7zrd"
+}]]), Pencil = createLucideIcon("pencil", [["path", {
+	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+	key: "1a8usu"
+}], ["path", {
+	d: "m15 5 4 4",
+	key: "1mk7zo"
+}]]), PinOff = createLucideIcon("pin-off", [
+	["path", {
+		d: "M12 17v5",
+		key: "bb1du9"
+	}],
+	["path", {
+		d: "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89",
+		key: "znwnzq"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}],
+	["path", {
+		d: "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",
+		key: "c9qhm2"
+	}]
+]), Pin = createLucideIcon("pin", [["path", {
+	d: "M12 17v5",
+	key: "bb1du9"
+}], ["path", {
+	d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+	key: "1nkz8b"
+}]]), SquaresExclude = createLucideIcon("squares-exclude", [["path", {
+	d: "M16 12v2a2 2 0 0 1-2 2H9a1 1 0 0 0-1 1v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h0",
+	key: "1mcohs"
+}], ["path", {
+	d: "M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1h-5a2 2 0 0 0-2 2v2",
+	key: "1r1efp"
+}]]), Trash2 = createLucideIcon("trash-2", [
+	["path", {
+		d: "M10 11v6",
+		key: "nco0om"
+	}],
+	["path", {
+		d: "M14 11v6",
+		key: "outv1u"
+	}],
+	["path", {
+		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		key: "miytrc"
+	}],
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+		key: "e791ji"
+	}]
+]);
+init_ResizeObserver_es();
+var import_lodash$10 = require_lodash(), import_classnames$2 = /* @__PURE__ */ __toESM(require_classnames(), 1), import_jsx_runtime = require_jsx_runtime();
+function GenericComboBox(e) {
+	let { options: t, selectedOptions: n, getLabel: r, onChange: i, ...a } = e, o = t.map(r), s = o.map((e) => ({ label: e })), c = n.filter((e) => t.indexOf(e) !== -1).map((e) => s[t.indexOf(e)]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiComboBox, {
+		options: s,
+		selectedOptions: c,
+		onChange: (e) => {
+			i(e.map(({ label: e }) => t[o.indexOf(e)]));
+		},
+		sortMatchesBy: "startsWith",
+		...a
+	});
+}
+var import_target = /* @__PURE__ */ __toESM(require_target(), 1);
+function getFieldFromFilter(e, t) {
+	return t.fields.find((t) => t.name === e.meta.key);
+}
+function getOperatorFromFilter(e) {
+	return FILTER_OPERATORS.find((t) => e.meta.type === t.type && e.meta.negate === t.negate);
+}
+function getFilterableFields(e) {
+	return e.fields.filter(isFilterable);
+}
+function getOperatorOptions(e) {
+	return FILTER_OPERATORS.filter((t) => !t.fieldTypes || t.fieldTypes.includes(e.type));
+}
+function validateParams(e, t) {
+	switch (t) {
+		case "date":
+			let t = typeof e == "string" ? import_target.default.parse(e) : null;
+			return !!(typeof e == "string" && t && t.isValid());
+		case "ip": try {
+			return !!new Ipv4Address(e);
+		} catch {
+			return !1;
+		}
+		default: return !0;
+	}
+}
+function isFilterValid(e, t, n, r) {
+	if (!e || !t || !n) return !1;
+	switch (n.type) {
+		case "phrase": return validateParams(r, t.type);
+		case "phrases": return !Array.isArray(r) || !r.length ? !1 : r.every((e) => validateParams(e, t.type));
+		case "range": return typeof r == "object" ? (!r.from || validateParams(r.from, t.type)) && (!r.to || validateParams(r.to, t.type)) : !1;
+		case "exists": return !0;
+		default: throw Error(`Unknown operator type: ${n.type}`);
+	}
+}
+var PhraseSuggestorUI = class extends React.Component {
+	services = this.props.kibana.services;
+	abortController;
+	state = {
+		suggestions: [],
+		isLoading: !1
+	};
+	componentDidMount() {
+		this.updateSuggestions();
+	}
+	componentWillUnmount() {
+		this.abortController && this.abortController.abort();
+	}
+	isSuggestingValues() {
+		let { field: e } = this.props;
+		return e && e.aggregatable && e.type === "string";
+	}
+	onSearchChange = (e) => {
+		this.updateSuggestions(`${e}`);
+	};
+	updateSuggestions = (0, import_lodash$10.debounce)(async (e = "") => {
+		this.abortController && this.abortController.abort(), this.abortController = new AbortController();
+		let { indexPattern: t, field: n, dateRangeFrom: r, dateRangeTo: i, timeField: a } = this.props;
+		if (!n || !this.isSuggestingValues()) return;
+		this.setState({ isLoading: !0 });
+		let o = [];
+		r && i && a && o.push({ range: { [a]: {
+			gte: r,
+			lte: i
+		} } });
+		let s = await this.props.services.data.autocomplete.getValueSuggestions({
+			indexPattern: t,
+			field: n,
+			query: e,
+			boolFilter: o,
+			signal: this.abortController.signal
+		});
+		this.setState({
+			suggestions: s,
+			isLoading: !1
+		});
+	}, 500);
+};
+withKibana(PhraseSuggestorUI);
+var import_lodash$9 = require_lodash();
+const ValueInputType = class extends Component {
+	render() {
+		let e = this.props.value, t;
+		switch (this.props.type) {
+			case "string":
+				t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFieldText, {
+					placeholder: this.props.placeholder,
+					value: e,
+					onChange: this.onChange,
+					controlOnly: this.props.controlOnly,
+					className: this.props.className
+				});
+				break;
+			case "number":
+				t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFieldNumber, {
+					placeholder: this.props.placeholder,
+					value: typeof e == "string" ? parseFloat(e) : e,
+					onChange: this.onChange,
+					controlOnly: this.props.controlOnly,
+					className: this.props.className
+				});
+				break;
+			case "date":
+				t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFieldText, {
+					placeholder: this.props.placeholder,
+					value: e,
+					onChange: this.onChange,
+					onBlur: this.onBlur,
+					isInvalid: !(0, import_lodash$9.isEmpty)(e) && !validateParams(e, this.props.type),
+					controlOnly: this.props.controlOnly,
+					className: this.props.className
+				});
+				break;
+			case "ip":
+				t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFieldText, {
+					placeholder: this.props.placeholder,
+					value: e,
+					onChange: this.onChange,
+					isInvalid: !(0, import_lodash$9.isEmpty)(e) && !validateParams(e, this.props.type),
+					controlOnly: this.props.controlOnly,
+					className: this.props.className
+				});
+				break;
+			case "boolean":
+				t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiSelect, {
+					options: [
+						{
+							value: void 0,
+							text: this.props.placeholder
+						},
+						{
+							value: "true",
+							text: "true"
+						},
+						{
+							value: "false",
+							text: "false"
+						}
+					],
+					value: e,
+					onChange: this.onBoolChange,
+					className: this.props.className
+				});
+				break;
+			default: break;
+		}
+		return t;
+	}
+	onBoolChange = (e) => {
+		let t = e.target.value === "true";
+		this.props.onChange(t);
+	};
+	onChange = (e) => {
+		let t = e.target.value;
+		this.props.onChange(t);
+	};
+	onBlur = (e) => {
+		if (this.props.onBlur) {
+			let t = e.target.value;
+			this.props.onBlur(t);
+		}
+	};
+};
+var import_lodash$8 = require_lodash(), PhraseValueInputUI = class extends PhraseSuggestorUI {
+	render() {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Value",
+			children: this.isSuggestingValues() ? this.renderWithSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueInputType, {
+				placeholder: "Enter a value",
+				value: this.props.value,
+				onChange: this.props.onChange,
+				type: this.props.field ? this.props.field.type : "string"
+			})
+		});
+	}
+	renderWithSuggestions() {
+		let e = Array.isArray(this.state.suggestions) ? this.state.suggestions : [], { value: t, intl: n, onChange: r } = this.props, i = String(t);
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StringComboBox$1, {
+			placeholder: "Select a value",
+			options: t ? (0, import_lodash$8.uniq)([i, ...e]) : e,
+			getLabel: (e) => e,
+			selectedOptions: t ? [i] : [],
+			onChange: ([e = ""]) => r(e),
+			onSearchChange: this.onSearchChange,
+			singleSelection: { asPlainText: !0 },
+			onCreateOption: r,
+			isClearable: !1,
+			"data-test-subj": "filterParamsComboBox phraseParamsComboxBox"
+		});
+	}
+};
+function StringComboBox$1(e) {
+	return GenericComboBox(e);
+}
+const PhraseValueInput = withKibana(PhraseValueInputUI);
+var import_lodash$7 = require_lodash(), PhrasesValuesInputUI = class extends PhraseSuggestorUI {
+	render() {
+		let { suggestions: e } = this.state, { values: t, intl: n, onChange: r } = this.props;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Values",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StringComboBox, {
+				placeholder: "Select values",
+				options: t ? (0, import_lodash$7.uniq)([...t, ...e]) : e,
+				getLabel: (e) => e,
+				selectedOptions: t || [],
+				onSearchChange: this.onSearchChange,
+				onCreateOption: (e) => r([...t || [], e]),
+				onChange: r,
+				isClearable: !1,
+				"data-test-subj": "filterParamsComboBox phrasesParamsComboxBox"
+			})
+		});
+	}
+};
+function StringComboBox(e) {
+	return GenericComboBox(e);
+}
+const PhrasesValuesInput = withKibana(PhrasesValuesInputUI);
+init_moment();
+var import_lodash$6 = require_lodash();
+function RangeValueInputUI(e) {
+	useKibana();
+	let t = e.field ? e.field.type : "string", n = (e) => {
+		if (typeof e != "string" && typeof e != "number") return e;
+		let t = moment_default(e).tz("Browser");
+		return t.isValid() ? t?.format("YYYY-MM-DDTHH:mm:ss.SSSZ") : e;
+	}, r = (t) => {
+		if (typeof t != "string" && typeof t != "number") throw Error("Range params must be a string or number");
+		e.onChange({
+			from: t,
+			to: (0, import_lodash$6.get)(e, "value.to")
+		});
+	}, a = (t) => {
+		if (typeof t != "string" && typeof t != "number") throw Error("Range params must be a string or number");
+		e.onChange({
+			from: (0, import_lodash$6.get)(e, "value.from"),
+			to: t
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormControlLayoutDelimited, {
+		"aria-label": "Range",
+		startControl: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueInputType, {
+			controlOnly: !0,
+			type: t,
+			value: e.value ? e.value.from : void 0,
+			onChange: r,
+			onBlur: (e) => {
+				r(n(e));
+			},
+			placeholder: "Start of the range"
+		}),
+		endControl: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueInputType, {
+			controlOnly: !0,
+			type: t,
+			value: e.value ? e.value.to : void 0,
+			onChange: a,
+			onBlur: (e) => {
+				a(n(e));
+			},
+			placeholder: "End of the range"
+		})
+	}) });
+}
+const RangeValueInput = RangeValueInputUI;
+var import_lodash$5 = require_lodash(), FilterEditorUI = class extends Component {
+	constructor(e) {
+		super(e), this.state = {
+			selectedIndexPattern: this.getIndexPatternFromFilter(),
+			selectedField: this.getFieldFromFilter(),
+			selectedOperator: this.getSelectedOperator(),
+			params: getFilterParams(e.filter),
+			useCustomLabel: e.filter.meta.alias !== null,
+			customLabel: e.filter.meta.alias,
+			queryDsl: JSON.stringify(cleanFilter(e.filter), null, 2),
+			isCustomEditorOpen: this.isUnknownFilterType()
+		};
+	}
+	render() {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "ant-popover-title !p-12px !uppercase !mb-0 !border-b-1px !border-b-solid !border-[var(--ant-color-border)] flex items-center justify-between",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Edit filter" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				className: "h-auto px-0",
+				type: "link",
+				onClick: this.toggleCustomEditor,
+				children: this.state.isCustomEditorOpen ? "Edit filter values" : "Edit as Query DSL"
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "globalFilterItem__editorForm",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EuiForm, { children: [
+				this.renderIndexPatternInput(),
+				this.state.isCustomEditorOpen ? this.renderCustomEditor() : this.renderRegularEditor(),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiSpacer, { size: "m" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-8px",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {
+						size: "small",
+						id: "filterEditorCustomLabelSwitch",
+						checked: this.state.useCustomLabel,
+						onChange: this.onCustomLabelSwitchChange
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Create custom label?" })]
+				}),
+				this.state.useCustomLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiSpacer, { size: "m" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+					label: "Custom label",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFieldText, {
+						value: `${this.state.customLabel}`,
+						onChange: this.onCustomLabelChange
+					})
+				})] }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-16px text-right",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+						className: "w-80px",
+						size: "large",
+						type: "text",
+						onClick: this.props.onCancel,
+						children: "Cancel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+						className: "w-80px",
+						size: "large",
+						type: "primary",
+						onClick: this.onSubmit,
+						disabled: !this.isFilterValid(),
+						children: "Save"
+					})]
+				})
+			] })
+		})] });
+	}
+	renderIndexPatternInput() {
+		if (this.props.indexPatterns.length <= 1 && this.props.indexPatterns.find((e) => e === this.getIndexPatternFromFilter())) return "";
+		let { selectedIndexPattern: e } = this.state;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Index Pattern",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IndexPatternComboBox, {
+				placeholder: "Select an index pattern",
+				options: this.props.indexPatterns,
+				selectedOptions: e ? [e] : [],
+				getLabel: (e) => e.title,
+				onChange: this.onIndexPatternChange,
+				singleSelection: { asPlainText: !0 },
+				isClearable: !1,
+				"data-test-subj": "filterIndexPatternsSelect"
+			})
+		}) }) });
+	}
+	renderRegularEditor() {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EuiFlexGroup, {
+				responsive: !1,
+				gutterSize: "s",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexItem, {
+					grow: 2,
+					children: this.renderFieldInput()
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexItem, {
+					grow: !1,
+					style: { flexBasis: 160 },
+					children: this.renderOperatorInput()
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiSpacer, { size: "s" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-test-subj": "filterParams",
+				children: this.renderParamsEditor()
+			})
+		] });
+	}
+	renderFieldInput() {
+		let { selectedIndexPattern: e, selectedField: t } = this.state, n = e ? getFilterableFields(e) : [];
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Field",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldComboBox, {
+				id: "fieldInput",
+				isDisabled: !e,
+				placeholder: "Select a field first",
+				options: n,
+				selectedOptions: t ? [t] : [],
+				getLabel: (e) => e.name,
+				onChange: this.onFieldChange,
+				singleSelection: { asPlainText: !0 },
+				isClearable: !1,
+				className: "globalFilterEditor__fieldInput",
+				"data-test-subj": "filterFieldSuggestionList"
+			})
+		});
+	}
+	renderOperatorInput() {
+		let { selectedField: e, selectedOperator: t } = this.state, n = e ? getOperatorOptions(e) : [];
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Operator",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OperatorComboBox, {
+				isDisabled: !e,
+				placeholder: e ? "Select" : "Waiting",
+				options: n,
+				selectedOptions: t ? [t] : [],
+				getLabel: ({ message: e }) => e,
+				onChange: this.onOperatorChange,
+				singleSelection: { asPlainText: !0 },
+				isClearable: !1,
+				"data-test-subj": "filterOperatorList"
+			})
+		});
+	}
+	renderCustomEditor() {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFormRow, {
+			label: "Query DSL",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ft, {
+				value: this.state.queryDsl,
+				onChange: (e) => this.onQueryDslChange(e || ""),
+				language: "json",
+				width: "100%",
+				height: "250px"
+			})
+		});
+	}
+	renderParamsEditor() {
+		let e = this.state.selectedIndexPattern;
+		if (!e || !this.state.selectedOperator) return "";
+		switch (this.state.selectedOperator.type) {
+			case "exists": return "";
+			case "phrase": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhraseValueInput, {
+				indexPattern: e,
+				field: this.state.selectedField,
+				value: this.state.params,
+				onChange: this.onParamsChange,
+				"data-test-subj": "phraseValueInput",
+				services: this.props.services,
+				dateRangeFrom: this.props.dateRangeFrom,
+				dateRangeTo: this.props.dateRangeTo,
+				timeField: this.props.timeField
+			});
+			case "phrases": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhrasesValuesInput, {
+				indexPattern: e,
+				field: this.state.selectedField,
+				values: this.state.params,
+				onChange: this.onParamsChange,
+				services: this.props.services,
+				dateRangeFrom: this.props.dateRangeFrom,
+				dateRangeTo: this.props.dateRangeTo,
+				timeField: this.props.timeField
+			});
+			case "range": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RangeValueInput, {
+				field: this.state.selectedField,
+				value: this.state.params,
+				onChange: this.onParamsChange
+			});
+		}
+	}
+	toggleCustomEditor = () => {
+		let e = !this.state.isCustomEditorOpen;
+		this.setState({ isCustomEditorOpen: e });
+	};
+	isUnknownFilterType() {
+		let { type: e } = this.props.filter.meta;
+		return !!e && ![
+			"phrase",
+			"phrases",
+			"range",
+			"exists"
+		].includes(e);
+	}
+	getIndexPatternFromFilter() {
+		return getIndexPatternFromFilter(this.props.filter, this.props.indexPatterns);
+	}
+	getFieldFromFilter() {
+		let e = this.getIndexPatternFromFilter();
+		return e && getFieldFromFilter(this.props.filter, e);
+	}
+	getSelectedOperator() {
+		return getOperatorFromFilter(this.props.filter);
+	}
+	isFilterValid() {
+		let { isCustomEditorOpen: e, queryDsl: t, selectedIndexPattern: n, selectedField: r, selectedOperator: i, params: a } = this.state;
+		if (e) try {
+			return !!JSON.parse(t);
+		} catch {
+			return !1;
+		}
+		return isFilterValid(n, r, i, a);
+	}
+	onIndexPatternChange = ([e]) => {
+		this.setState({
+			selectedIndexPattern: e,
+			selectedField: void 0,
+			selectedOperator: void 0,
+			params: void 0
+		});
+	};
+	onFieldChange = ([e]) => {
+		this.setState({
+			selectedField: e,
+			selectedOperator: void 0,
+			params: void 0
+		});
+	};
+	onOperatorChange = ([e]) => {
+		let t = (0, import_lodash$5.get)(this.state.selectedOperator, "type") === (0, import_lodash$5.get)(e, "type") ? this.state.params : void 0;
+		this.setState({
+			selectedOperator: e,
+			params: t
+		});
+	};
+	onCustomLabelSwitchChange = (e) => {
+		let t = e, n = e ? "" : null;
+		this.setState({
+			useCustomLabel: t,
+			customLabel: n
+		});
+	};
+	onCustomLabelChange = (e) => {
+		let t = e.target.value;
+		this.setState({ customLabel: t });
+	};
+	onParamsChange = (e) => {
+		this.setState({ params: e });
+	};
+	onQueryDslChange = (e) => {
+		this.setState({ queryDsl: e });
+	};
+	onSubmit = () => {
+		let { selectedIndexPattern: e, selectedField: t, selectedOperator: n, params: r, useCustomLabel: i, customLabel: a, isCustomEditorOpen: o, queryDsl: s } = this.state, { $state: c } = this.props.filter;
+		if (!c || !c.store) return;
+		let l = i ? a : null;
+		if (o) {
+			let { index: e, disabled: t, negate: n } = this.props.filter.meta, r = buildCustomFilter(e || this.props.indexPatterns[0].id, JSON.parse(s), t, n, l, c.store);
+			this.props.onSubmit(r);
+		} else if (e && t && n) {
+			let i = buildFilter(e, t, n.type, n.negate, this.props.filter.meta.disabled, r ?? "", l, c.store);
+			this.props.onSubmit(i);
+		}
+	};
+};
+function IndexPatternComboBox(e) {
+	return GenericComboBox(e);
+}
+function FieldComboBox(e) {
+	return GenericComboBox(e);
+}
+function OperatorComboBox(e) {
+	return GenericComboBox(e);
+}
+const FilterEditor = FilterEditorUI, FilterView = ({ filter: e, iconOnClick: t, onClick: n, valueLabel: r, errorMessage: i, filterLabelStatus: a, ...s }) => {
+	let [c, l] = useInnerText(), u = i || `Filter: ${l}. Select for more filter actions.`;
+	return isFilterPinned(e) && (u = `'Pinned', ${u}`), e.meta.disabled && (u = `'Disabled', ${u}`), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiBadge, {
+		title: u,
+		color: "hollow",
+		iconType: "cross",
+		iconSide: "right",
+		closeButtonProps: { tabIndex: -1 },
+		iconOnClick: t,
+		iconOnClickAriaLabel: "Delete",
+		onClick: n,
+		onClickAriaLabel: "Filter actions",
+		...s,
+		className: "!p-6px !rounded-6px !border-[var(--ant-color-border)]",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			ref: c,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterLabel, {
+				filter: e,
+				valueLabel: r,
+				filterLabelStatus: a
+			})
+		})
+	});
+};
+var FILTER_ITEM_OK = "", FILTER_ITEM_WARNING = "warn", FILTER_ITEM_ERROR = "error";
+function FilterItem(e) {
+	let [t, n] = useState(!1), [r, i] = useState(!1), [o, s] = useState(void 0), { id: c, filter: l, indexPatterns: u } = e;
+	useEffect(() => {
+		let t = e.filter.meta.index;
+		t ? getIndexPatterns().get(t).then((e) => {
+			s(!!e);
+		}).catch(() => {
+			s(!1);
+		}) : s(!0);
+	}, [e.filter.meta.index]);
+	function d(t) {
+		n(!1), e.onUpdate(t);
+	}
+	function f() {
+		let t = toggleFilterPinned(l);
+		e.onUpdate(t);
+	}
+	function p() {
+		let t = toggleFilterNegated(l);
+		e.onUpdate(t);
+	}
+	function h() {
+		let t = toggleFilterDisabled(l);
+		e.onUpdate(t);
+	}
+	function g(e) {
+		return e.status === FILTER_ITEM_OK;
+	}
+	function _(e) {
+		let { disabled: t } = l.meta;
+		return t || e.status === FILTER_ITEM_ERROR;
+	}
+	function v(t, n) {
+		return (0, import_classnames$2.default)("globalFilterItem", {
+			"globalFilterItem-isDisabled": _(n),
+			"globalFilterItem-isError": n.status === FILTER_ITEM_ERROR,
+			"globalFilterItem-isWarning": n.status === FILTER_ITEM_WARNING,
+			"globalFilterItem-isPinned": isFilterPinned(l),
+			"globalFilterItem-isExcluded": t
+		}, e.className);
+	}
+	function y(e) {
+		let t = l.meta.key ? `filter-key-${l.meta.key}` : "", n = l.meta.value ? `filter-value-${g(e) ? e.title : e.status}` : "", r = l.meta.negate ? "filter-negated" : "";
+		return `filter ${`filter-${_(e) ? "disabled" : "enabled"}`} ${t} ${n} ${`filter-${isFilterPinned(l) ? "pinned" : "unpinned"}`} ${r}`;
+	}
+	function b() {
+		return !e.indexPatterns.length || getIndexPatternFromFilter(l, u) ? !0 : u.map((e) => e.fields.map((e) => e.name)).reduce((e, t) => [...e, ...t], []).includes(l.meta?.key || "");
+	}
+	function x() {
+		let e = {
+			title: "",
+			message: "",
+			status: FILTER_ITEM_OK
+		};
+		if (o === !1) e.status = FILTER_ITEM_ERROR, e.title = "Error", e.message = "Index pattern  not found";
+		else if (b()) try {
+			e.title = getDisplayValueFromFilter(l, u);
+		} catch (t) {
+			e.status = FILTER_ITEM_ERROR, e.title = "Error", e.message = t.message;
+		}
+		else e.status = FILTER_ITEM_WARNING, e.title = "Warning", e.message = "Field {filter.meta.key} does not exist in current view";
+		return e;
+	}
+	if (o === void 0) return null;
+	let S = x();
+	if (S.status === FILTER_ITEM_ERROR && !l.meta.disabled) return l.meta.disabled = !0, e.onUpdate(l), null;
+	let C = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterView, {
+		filter: l,
+		valueLabel: S.title,
+		filterLabelStatus: S.status,
+		errorMessage: S.message,
+		className: v(l.meta.negate, S),
+		iconOnClick: () => e.onRemove(),
+		onClick: () => {},
+		"data-test-subj": y(S)
+	}), { negate: E, disabled: D, index: k } = l.meta;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+		classNames: { container: `!p-0 !overflow-hidden ${r ? "w-400px" : "w-256px"}` },
+		placement: "bottomLeft",
+		open: t,
+		onOpenChange: (e) => {
+			e || i(!1), n(e);
+		},
+		content: r ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterEditor, {
+			filter: l,
+			indexPatterns: u,
+			onSubmit: d,
+			onCancel: () => {
+				n(!1);
+			},
+			services: e.services
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+			className: "!border-0",
+			classNames: { item: "!m-0 !px-12px !w-full !rounded-0" },
+			mode: "vertical",
+			items: [
+				{
+					key: "pin",
+					label: isFilterPinned(l) ? "Unpin" : "Pin across all apps",
+					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pin, { className: "w-14px h-14px" }),
+					onClick: () => {
+						n(!1), f();
+					}
+				},
+				k && {
+					key: "edit",
+					label: "Edit filter",
+					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pencil, { className: "w-14px h-14px" }),
+					onClick: () => {
+						i(!0), f();
+					}
+				},
+				{
+					key: "include_exclude",
+					label: E ? "Include results" : "Exclude results",
+					icon: E ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePlus, { className: "w-14px h-14px" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleMinus, { className: "w-14px h-14px" }),
+					onClick: () => {
+						n(!1), p();
+					}
+				},
+				{
+					key: "enable_disabled",
+					label: D ? "Re-enable" : "Temporarily disable",
+					icon: D ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { className: "w-14px h-14px" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeOff, { className: "w-14px h-14px" }),
+					onClick: () => {
+						n(!1), h();
+					}
+				},
+				{
+					key: "delete",
+					label: "Delete",
+					icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "w-14px h-14px" }),
+					onClick: () => {
+						n(!1), e.onRemove();
+					}
+				}
+			].filter((e) => !!e)
+		}),
+		title: null,
+		trigger: "click",
+		destroyOnHidden: !0,
+		arrow: !1,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			className: "!p-0 !border-0 !outline-0 !shadow-none",
+			children: C
+		})
+	});
+}
+var import_classnames$1 = /* @__PURE__ */ __toESM(require_classnames(), 1);
+function FilterBarUI(e) {
+	function t(t) {
+		e.onFiltersUpdated && e.onFiltersUpdated(t);
+	}
+	function n() {
+		return e.filters.map((t, n) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexItem, {
+			grow: !1,
+			className: "globalFilterBar__flexItem",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterItem, {
+				id: `${n}`,
+				intl: e.intl,
+				filter: t,
+				onUpdate: (e) => i(n, e),
+				onRemove: () => r(n),
+				indexPatterns: e.indexPatterns,
+				services: e.services
+			})
+		}, n));
+	}
+	function r(n) {
+		let r = [...e.filters];
+		r.splice(n, 1), t(r);
+	}
+	function i(n, r) {
+		let i = [...e.filters];
+		i[n] = r, t(i);
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexGroup, {
+		className: "globalFilterGroup",
+		gutterSize: "none",
+		alignItems: "flexStart",
+		responsive: !1,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexItem, {
+			className: "globalFilterGroup__filterFlexItem",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EuiFlexGroup, {
+				className: (0, import_classnames$1.default)("globalFilterBar", e.className),
+				wrap: !0,
+				responsive: !1,
+				gutterSize: "xs",
+				alignItems: "center",
+				children: n()
+			})
+		})
+	});
+}
+const FilterBar = FilterBarUI;
+var Loading_module_default = {
+	loading: "_loading_16hnu_1",
+	tips: "_tips_16hnu_13"
+}, Loading_default = (e) => {
+	let { loading: t = !0, currentLocales: n } = e;
+	return t ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: Loading_module_default.loading,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spin, { tip: n["dropdownlist.loading"] })
+	}) : null;
+}, Error_module_default = {
+	error: "_error_1fev3_1",
+	tips: "_tips_1fev3_14"
+}, Error_default = (e) => {
+	let { currentLocales: t, failed: n = !0 } = e;
+	return n ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: Error_module_default.error,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { component: CloseCircleOutlined }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: Error_module_default.tips,
+			children: t["dropdownlist.loading.failed"]
+		})]
+	}) : null;
+}, Empty_module_default = { empty: "_empty_1bf3s_1" }, Empty_default = (e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: Empty_module_default.empty,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })
+}), List_module_default = {
+	container: "_container_f1ixt_1",
+	group: "_group_f1ixt_5",
+	item: "_item_f1ixt_11",
+	selected: "_selected_f1ixt_21",
+	label: "_label_f1ixt_27",
+	icon: "_icon_f1ixt_32",
+	content: "_content_f1ixt_35",
+	search: "_search_f1ixt_40",
+	tools: "_tools_f1ixt_43",
+	result: "_result_f1ixt_49",
+	actions: "_actions_f1ixt_53",
+	listWrapper: "_listWrapper_f1ixt_76",
+	list: "_list_f1ixt_76",
+	tag: "_tag_f1ixt_103",
+	disabled: "_disabled_f1ixt_106",
+	footerWrapper: "_footerWrapper_f1ixt_110",
+	footer: "_footer_f1ixt_110",
+	pager: "_pager_f1ixt_122",
+	pageNum: "_pageNum_f1ixt_122",
+	filterPopover: "_filterPopover_f1ixt_137",
+	sorter: "_sorter_f1ixt_146",
+	title: "_title_f1ixt_149",
+	form: "_form_f1ixt_153",
+	filters: "_filters_f1ixt_163",
+	clear: "_clear_f1ixt_174",
+	options: "_options_f1ixt_185",
+	option: "_option_f1ixt_185"
+}, import_lodash$4 = require_lodash(), List_default = (e) => {
+	let { visible: t, value: n, onChange: r, loading: i = !1, failed: a = !1, rowKey: o, renderItem: s, renderTag: c, renderEmptyList: l, onSearchChange: u, searchValue: d, sorterOptions: f, pagination: p, data: m, sorter: h, onSorterChange: g, filters: _, onFiltersChange: v, filterOptions: y, groups: b, onGroupsChange: x, groupOptions: S, currentLocales: C, showGroup: w, onShowGroupChange: T, isMultiple: E, extraData: D = [], searchPlaceholder: O, onRefresh: k, actions: A = [] } = e, [j, M] = useState([]), [N, P] = useState(!1), F = useRef(null), I = useCallback(() => {
+		setTimeout(() => {
+			T(!1), u();
+		}, 500);
+	}, [T, u]), z = (e) => {
+		if (!e.disabled) if (E) {
+			let t = (0, import_lodash$4.cloneDeep)(n) || [], i = t.findIndex((t) => t[o] === e[o]);
+			i === -1 ? t.push(e) : t.splice(i, 1), r(t);
+		} else r(e);
+	}, V = () => {
+		T(!w);
+	}, U = (e, t) => {
+		let n = [...b];
+		n[e]?.value === t.value ? n.splice(e, 1) : n[e] = {
+			key: t.key,
+			value: t.value
+		}, n.splice(e + 1, n.length), x(n);
+	}, W = (e) => {
+		u(e.trim());
+	}, G = (e, t) => {
+		let n = [...j];
+		n[t] = e, M(n);
+	}, K = (e, t, n) => {
+		let r = (0, import_lodash$4.cloneDeep)(_), i = r[e] || [], a = i.indexOf(t);
+		a === -1 ? n && i.push(t) : n || i.splice(a, 1), r[e] = i, v(r);
+	}, q = (e) => {
+		let t = (0, import_lodash$4.cloneDeep)(n || []);
+		m.forEach((n) => {
+			if (n.disabled) return;
+			let r = t.findIndex((e) => e[o] === n[o]);
+			r === -1 && e ? t.push(n) : r !== -1 && !e && t.splice(r, 1);
+		}), r(t);
+	};
+	useEffect(() => {
+		F.current && t && F.current.focus();
+	}, [t, F]), useEffect(() => {
+		t || I();
+	}, [t, I]), useEffect(() => {
+		M(h);
+	}, [h]);
+	let { currentPage: J, pageSize: Y, total: X, pages: Z } = p, Q = useMemo(() => b[0] === void 0 ? [] : S.find((e) => e.value === b[0].value)?.list || [], [S, b]), $ = useMemo(() => {
+		if (!E) return !1;
+		if (E) return n?.length === 0 ? !1 : m.every((e) => n.findIndex((t) => t[o] === e[o]) !== -1) ? !0 : m.some((e) => n.findIndex((t) => t[o] === e[o]) !== -1) ? "indeterminate" : !1;
+	}, [
+		E,
+		JSON.stringify(m),
+		JSON.stringify(n)
+	]), Gt = (e, t) => !w || e.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: List_module_default.group,
+		children: e.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: `${List_module_default.item} ${b[t]?.value === e.value ? List_module_default.selected : ""}`,
+			onClick: () => U(t, e),
+			title: e.label,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: List_module_default.label,
+				children: e.label
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+				component: RightOutlined,
+				className: List_module_default.icon
+			})]
+		}, e.value))
+	}), Kt = A.concat(k ? [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+		disabled: i,
+		onClick: () => {
+			i || k();
+		},
+		children: C["dropdownlist.refresh"]
+	})] : []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: `${List_module_default.container} css-var-r0`,
+		children: [
+			Gt(S, 0),
+			Gt(Q, 1),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: List_module_default.content,
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+						ref: F,
+						value: d,
+						onChange: (e) => {
+							if (!i) {
+								let t = e.target.value;
+								W(t);
+							}
+						},
+						allowClear: !0,
+						className: List_module_default.search,
+						placeholder: O || C["dropdownlist.search.placeholder"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: List_module_default.tools,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: List_module_default.result,
+							children: [
+								C["dropdownlist.result.found"],
+								" ",
+								p === !1 ? m.length : X,
+								" ",
+								C["dropdownlist.result.records"]
+							]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: List_module_default.actions,
+							children: [
+								f.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+									open: N,
+									onOpenChange: P,
+									overlayClassName: List_module_default.filterPopover,
+									placement: "bottom",
+									trigger: "click",
+									content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: List_module_default.sorter,
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+												className: List_module_default.title,
+												children: C["dropdownlist.sort.by"]
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: List_module_default.form,
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select, {
+													value: j[0],
+													style: { width: "65%" },
+													onChange: (e) => G(e, 0),
+													children: f.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select.Option, {
+														value: e.key,
+														children: e.label
+													}, e.key))
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
+													value: j[1],
+													style: { width: "35%" },
+													onChange: (e) => G(e, 1),
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select.Option, {
+														value: "desc",
+														children: C["dropdownlist.sort.by.desc"]
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select.Option, {
+														value: "asc",
+														children: C["dropdownlist.sort.by.asc"]
+													})]
+												})]
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: List_module_default.actions,
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+													type: "link",
+													onClick: () => {
+														g([]), P(!1);
+													},
+													children: C["dropdownlist.sort.by.clear"]
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+													style: { width: 80 },
+													type: "primary",
+													onClick: () => {
+														g(j), P(!1);
+													},
+													children: C["dropdownlist.apply"]
+												})]
+											})
+										]
+									}),
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+										style: { cursor: "pointer" },
+										component: SortAscendingOutlined
+									})
+								}),
+								y.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+									overlayClassName: List_module_default.filterPopover,
+									placement: "bottom",
+									trigger: "click",
+									content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: List_module_default.filters,
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: List_module_default.title,
+											children: [C["dropdownlist.filters"], /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+												className: List_module_default.clear,
+												component: ReloadOutlined,
+												onClick: () => {
+													v({});
+												}
+											})]
+										}), y.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: List_module_default.content,
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+												className: List_module_default.label,
+												children: e.label
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+												className: List_module_default.options,
+												children: (e.list || []).map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+													className: List_module_default.option,
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox, {
+														onChange: (n) => K(e.key, t.value, n.target.checked),
+														checked: (_[e.key] || []).indexOf(t.value) !== -1,
+														children: t.label || t.value
+													}), t.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: t.count })]
+												}, t.value))
+											})]
+										}, e.key))]
+									}),
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+										style: { cursor: "pointer" },
+										component: FilterOutlined
+									})
+								}),
+								S.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+									style: { cursor: "pointer" },
+									component: LayoutOutlined,
+									onClick: V
+								}),
+								E && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox, {
+									indeterminate: $ === "indeterminate",
+									onChange: (e) => q(e.target.checked),
+									checked: $ === !0
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: List_module_default.listWrapper,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: List_module_default.list,
+							style: { maxHeight: `${32 * (Y + D.length)}px` },
+							children: i ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loading_default, { currentLocales: C }) : a ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Error_default, { currentLocales: C }) : m.length === 0 && D.length === 0 ? l ? l() : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty_default, {}) : D.concat(m).map((e) => {
+								let t = E ? (n || []).findIndex((t) => t[o] === e[o]) !== -1 : n?.[o] === e[o];
+								return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: `${List_module_default.item} ${t ? List_module_default.selected : ""} ${e.disabled ? List_module_default.disabled : ""}`,
+									onClick: () => z(e),
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: List_module_default.label,
+											children: s ? s(e) : e[o]
+										}),
+										c && !w ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: List_module_default.tag,
+											children: s ? c(e) : e[o]
+										}) : null,
+										t && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { component: CheckOutlined })
+									]
+								}, e[o]);
+							})
+						})
+					}),
+					p === !1 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: List_module_default.footerWrapper,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: List_module_default.footer,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: List_module_default.actions,
+								children: Kt.map((e, t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Fragment, { children: [e, t !== Kt.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, { orientation: "vertical" })] }, t))
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: List_module_default.pager,
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+										onClick: () => p.onChange(J - 1),
+										component: LeftOutlined,
+										className: `${List_module_default.icon} ${J <= 1 ? List_module_default.disabled : ""}`
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: List_module_default.pageNum,
+										children: [
+											J,
+											"/",
+											Z
+										]
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+										onClick: () => p.onChange(J + 1),
+										component: RightOutlined,
+										className: `${List_module_default.icon} ${J >= Z ? List_module_default.disabled : ""}`
+									})
+								]
+							})]
+						})
+					})
+				]
+			})
+		]
+	});
+}, import_lodash$3 = require_lodash(), AutoList_default = (e) => {
+	let { visible: t, data: n = [], pagination: r, searchKey: i, searchValue: a, sorter: o, filters: s, groups: c } = e, [l, u] = useState(), d = (e) => {
+		let { pages: t } = l;
+		e < 0 || e > t || u({
+			...l,
+			currentPage: e
+		});
+	}, f = useMemo(() => {
+		let e = (0, import_lodash$3.cloneDeep)(n);
+		i && a && (e = e.filter((e) => `${e[i] || ""}`.toLowerCase().indexOf(a.toLowerCase()) !== -1)), c.filter((e) => e.value !== void 0 && e.value !== "" && !!e.key).forEach((t) => {
+			e = e.filter((e) => e.hasOwnProperty(t.key) ? e[t.key] === t.value : !0);
+		});
+		let t = Object.keys(s);
+		if (t.length > 0 && t.filter((e) => (s[e] || []).length !== 0).forEach((t) => {
+			e = e.filter((e) => s[t].indexOf(e[t]) !== -1);
+		}), o.length >= 2 && o[0] && o[1]) {
+			let t = o[0], n = o[1];
+			e = e.sort((e, r) => typeof e[t] == "string" ? n === "desc" ? r[t].localeCompare(e[t]) : e[t].localeCompare(r[t]) : isNaN(e[t]) ? 0 : n === "desc" ? r[t] - e[t] : e[t] - r[t]);
+		}
+		return e;
+	}, [
+		JSON.stringify(n),
+		i,
+		a,
+		JSON.stringify(o),
+		JSON.stringify(s),
+		JSON.stringify(c)
+	]);
+	useEffect(() => {
+		if (r === !1) {
+			u(!1);
+			return;
+		}
+		let e = f.length, t = r?.pageSize || 10;
+		u({
+			currentPage: e ? 1 : 0,
+			pageSize: t,
+			total: e,
+			pages: Math.ceil(e / t)
+		});
+	}, [f, r]);
+	let p = useMemo(() => {
+		if (!l) return f;
+		let { currentPage: e, pageSize: t } = l;
+		return f.filter((n, r) => r >= (e - 1) * t && r < e * t);
+	}, [f, l]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List_default, {
+		...e,
+		visible: t,
+		data: p,
+		pagination: l === !1 ? !1 : {
+			...l,
+			onChange: d
+		}
+	});
+}, CustomList_default = (e) => {
+	let { visible: t, data: n = [], pagination: r = {} } = e, i = r.total || n.length, a = r.pageSize || 10;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List_default, {
+		...e,
+		visible: t,
+		data: n,
+		pagination: {
+			...r,
+			pageSize: a,
+			pages: Math.ceil(i / a)
+		}
+	});
+}, en_US_default = {
+	"dropdownlist.search.placeholder": "Search...",
+	"dropdownlist.result.found": "Found",
+	"dropdownlist.result.records": "records",
+	"dropdownlist.sort.by": "Sort By",
+	"dropdownlist.sort.by.desc": "Desc",
+	"dropdownlist.sort.by.asc": "Asc",
+	"dropdownlist.sort.by.clear": "Clear sorting",
+	"dropdownlist.filters": "Filters",
+	"dropdownlist.apply": "Apply",
+	"dropdownlist.loading": "Loading...",
+	"dropdownlist.loading.failed": "Load failed",
+	"dropdownlist.refresh": "Refresh"
+}, zh_CN_default = {
+	"dropdownlist.search.placeholder": "搜索",
+	"dropdownlist.result.found": "找到",
+	"dropdownlist.result.records": "结果",
+	"dropdownlist.sort.by": "排序",
+	"dropdownlist.sort.by.desc": "降序",
+	"dropdownlist.sort.by.asc": "升序",
+	"dropdownlist.sort.by.clear": "清除排序",
+	"dropdownlist.filters": "过滤",
+	"dropdownlist.apply": "应用",
+	"dropdownlist.loading": "加载中...",
+	"dropdownlist.loading.failed": "加载失败",
+	"dropdownlist.refresh": "刷新"
+}, locales_default = {
+	"en-US": en_US_default,
+	"zh-CN": zh_CN_default
+}, index_module_default$1 = {
+	dropdownList: "_dropdownList_1nq1q_1",
+	button: "_button_1nq1q_7",
+	content: "_content_1nq1q_10",
+	label: "_label_1nq1q_18",
+	down: "_down_1nq1q_25",
+	close: "_close_1nq1q_29",
+	multipleItem: "_multipleItem_1nq1q_34",
+	allowClear: "_allowClear_1nq1q_44",
+	popover: "_popover_1nq1q_50"
+}, import_lodash$2 = require_lodash(), DropdownList_default = (e) => {
+	let { className: t = "", popoverClassName: n = "", popoverPlacement: r = "bottomLeft", children: i, width: a = 300, dropdownWidth: o, locale: s = "en-US", allowClear: c = !1, mode: l = "", value: u, disabled: d = !1, onChange: f, placeholder: p = "", loading: m = !1, data: h = [], rowKey: g, renderItem: _, renderLabel: v, pagination: y, onSearchChange: b = () => {}, sorter: x = [], onSorterChange: S = () => {}, sorterOptions: C = [], filters: w = {}, onFiltersChange: T = () => {}, filterOptions: E = [], defaultGroupVisible: D = !1, groups: O = [], onGroupsChange: k = () => {}, groupOptions: A = [], onGroupVisibleChange: j = () => {}, autoAdjustOverflow: M = { adjustX: 1 }, getPopupContainer: N = (e) => e.parentNode, extraData: P = [], showListIcon: F = !0 } = e, [I, L] = useState(!1), [R, Ut] = useState(D), [Wt, z] = useState(), [B, V] = useState(), H = useRef(null), U = useMemo(() => l === "multiple" && (u === void 0 || Array.isArray(u)), [l, u]), W = (e) => {
+		L(e);
+	}, G = (e) => {
+		f(e), U || L(!1);
+	}, K = (e) => {
+		z(e), b(e);
+	}, q = (e) => {
+		let t = (0, import_lodash$2.cloneDeep)(u) || [];
+		t.splice(e, 1), f(t);
+	}, J = () => {
+		f(U ? [] : void 0);
+	}, Y = () => {
+		let t = {
+			...e,
+			value: u,
+			loading: m,
+			data: h,
+			onSearchChange: K,
+			searchValue: Wt,
+			sorter: x,
+			onSorterChange: S,
+			sorterOptions: C,
+			filters: w,
+			onFiltersChange: T,
+			filterOptions: E,
+			groups: O,
+			onGroupsChange: k,
+			groupOptions: A,
+			visible: I,
+			onChange: G,
+			currentLocales: locales_default[s] || {},
+			showGroup: R,
+			onShowGroupChange: (e) => {
+				Ut(e), j(e);
+			},
+			isMultiple: U
+		};
+		return !y || !y.currentPage || !y.total ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutoList_default, { ...t }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomList_default, { ...t });
+	}, X = (e) => v ? v(e) : _ ? _(e) : e[g], Z = () => {
+		let e = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			style: { color: "#999" },
+			children: p
+		});
+		return U ? u?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: u.filter((e) => !!(e && e[g])).map((e, t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: `${index_module_default$1.multipleItem} common-ui-dropdownlist-multiple-item`,
+			children: [X(e), e.disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+				component: CloseOutlined,
+				style: {
+					marginLeft: 4,
+					fontSize: 10
+				},
+				onClick: (e) => {
+					e.stopPropagation(), q(t);
+				}
+			})]
+		}, t)) }) : e : u && u[g] ? X(u) : e;
+	};
+	useEffect(() => {
+		!o && isNaN(Number(a)) && H.current && V(H.current.offsetWidth);
+	}, [
+		o,
+		a,
+		H
+	]);
+	let Q = o || a;
+	isNaN(Number(Q)) ? B && (Q = `${B}px`) : Q = `${Q}px`, R && (Q = `calc(${Q} + ${120 * O.length || 120}px)`);
+	let $ = Z();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: `${index_module_default$1.dropdownList} ${t}`,
+		style: { width: a },
+		ref: H,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+			open: d ? !1 : I,
+			onOpenChange: W,
+			placement: r,
+			content: Y(),
+			trigger: "click",
+			overlayClassName: `${index_module_default$1.popover} ${n}`,
+			overlayStyle: {
+				width: Q,
+				maxHeight: 126 + (y?.pageSize || 10) * 32
+			},
+			autoAdjustOverflow: M,
+			getPopupContainer: N,
+			children: i || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				style: { width: "100%" },
+				disabled: d,
+				className: `${index_module_default$1.button} css-var-r0 common-ui-dropdownlist-select ${c ? index_module_default$1.allowClear : ""}`,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: index_module_default$1.content,
+					children: [
+						F && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BarsOutlined, { className: index_module_default$1.icon }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: index_module_default$1.label,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: $ })
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+							component: I ? UpOutlined : DownOutlined,
+							className: index_module_default$1.down
+						}),
+						c && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+							onClick: (e) => {
+								e.stopPropagation(), J();
+							},
+							theme: "filled",
+							component: CloseCircleOutlined,
+							className: index_module_default$1.close
+						})
+					]
+				})
+			})
+		})
+	});
+}, index_module_default = {}, IndexPatternSelect_default = (e) => {
+	let { selectedIndexPattern: t, onIndexPatternChange: n, indices: r = [] } = e, [i, a] = useState([]), [o, s] = useState({ type: ["index", "specialIndex"] }), c = useMemo(() => r?.map((e) => ({
+		id: e,
+		title: e,
+		name: e,
+		type: e.startsWith(".") ? "specialIndex" : "index"
+	})) || [], [r]), l = useMemo(() => [{
+		label: "Type",
+		key: "type",
+		list: [{
+			label: "Index",
+			value: "index"
+		}, {
+			label: "Special Index",
+			value: "specialIndex"
+		}]
+	}], []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownList_default, {
+		className: index_module_default.indexPatternSelect,
+		width: 282,
+		value: {
+			id: t.id,
+			name: t.viewName || t.title,
+			type: t.type
+		},
+		onChange: (e) => {
+			n(e.id, e.type === "view" ? "view" : "index");
+		},
+		placeholder: "Please select",
+		rowKey: "id",
+		data: c,
+		renderItem: (e) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableOutlined, { className: "mr-4px" }), e.name] }),
+		renderLabel: (e) => e.name,
+		renderEmptyList: () => null,
+		searchKey: "name",
+		sorter: i,
+		onSorterChange: a,
+		sorterOptions: [{
+			label: "Name",
+			key: "name"
+		}],
+		filters: o,
+		onFiltersChange: s,
+		filterOptions: l
+	});
+};
+const FilterOptions = class extends Component {
+	state = { isPopoverOpen: !1 };
+	togglePopover = () => {
+		this.setState((e) => ({ isPopoverOpen: !e.isPopoverOpen }));
+	};
+	closePopover = () => {
+		this.setState({ isPopoverOpen: !1 });
+	};
+	render() {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+			classNames: {
+				container: "!p-0 !overflow-hidden",
+				title: "!p-12px !uppercase !mb-0 !border-b-1px !border-b-solid !border-[var(--ant-color-border)]"
+			},
+			placement: "bottom",
+			open: this.state.isPopoverOpen,
+			onOpenChange: (e) => {
+				this.setState({ isPopoverOpen: e });
+			},
+			content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				onClick: () => {},
+				className: "!border-0",
+				classNames: { item: "!m-0 !px-12px !w-full !rounded-0" },
+				mode: "vertical",
+				items: [
+					{
+						key: "enable",
+						label: "Enable all",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onEnableAll();
+						}
+					},
+					{
+						key: "disable",
+						label: "Disable all",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeOff, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onDisableAll();
+						}
+					},
+					{
+						key: "pin",
+						label: "Pin all",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pin, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onPinAll();
+						}
+					},
+					{
+						key: "unpin",
+						label: "Unpin all",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PinOff, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onUnpinAll();
+						}
+					},
+					{
+						key: "invert_inclusion",
+						label: "Invert inclusion",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SquaresExclude, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onToggleAllNegated();
+						}
+					},
+					{
+						key: "invert_enabled_disabled",
+						label: "Invert enabled/disabled",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onToggleAllDisabled();
+						}
+					},
+					{
+						key: "remove_all",
+						label: "Remove all",
+						icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "w-14px h-14px" }),
+						onClick: () => {
+							this.closePopover(), this.props.onRemoveAll();
+						}
+					}
+				]
+			}),
+			title: "Change all filters",
+			trigger: "click",
+			destroyOnHidden: !0,
+			arrow: !1,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListFilter, { className: "w-14px h-14px" }) })
+		});
+	}
+};
+function FilterActions(e) {
+	let [t, n] = useState(!1);
+	function r() {
+		let [r] = e.indexPatterns, i = buildEmptyFilter(!0, r && r.id);
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover, {
+			classNames: {
+				container: "!p-0 !overflow-hidden w-400px",
+				title: "!p-12px !mb-0 !border-b-1px !border-b-solid !border-[var(--ant-color-border)]"
+			},
+			placement: "bottom",
+			open: t,
+			onOpenChange: n,
+			content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterEditor, {
+				filter: i,
+				indexPatterns: e.indexPatterns,
+				onSubmit: a,
+				onCancel: () => n(!1),
+				services: e.services,
+				dateRangeFrom: e.dateRangeFrom,
+				dateRangeTo: e.dateRangeTo,
+				timeField: e.timeField
+			}, JSON.stringify(i)),
+			title: null,
+			trigger: "click",
+			destroyOnHidden: !0,
+			arrow: !1,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePlus, { className: "w-14px h-14px" }) })
+		});
+	}
+	function i(t) {
+		e.onFiltersUpdated && e.onFiltersUpdated(t);
+	}
+	function a(t) {
+		n(!1), i([...e.filters, t]);
+	}
+	function o() {
+		i(e.filters.map(enableFilter));
+	}
+	function s() {
+		i(e.filters.map(disableFilter));
+	}
+	function c() {
+		i(e.filters.map(pinFilter));
+	}
+	function l() {
+		i(e.filters.map(unpinFilter));
+	}
+	function u() {
+		i(e.filters.map(toggleFilterNegated));
+	}
+	function d() {
+		i(e.filters.map(toggleFilterDisabled));
+	}
+	function f() {
+		i([]);
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Space.Compact, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterOptions, {
+		onEnableAll: o,
+		onDisableAll: s,
+		onPinAll: c,
+		onUnpinAll: l,
+		onToggleAllNegated: u,
+		onToggleAllDisabled: d,
+		onRemoveAll: f
+	}), r()] });
+}
+var import_lodash = require_lodash(), import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1), import_lodash$1 = require_lodash(), search_bar_default = withKibana(class extends Component {
+	static defaultProps = {
+		showQueryBar: !0,
+		showFilterBar: !0,
+		showDatePicker: !0,
+		showAutoRefreshOnly: !1
+	};
+	filterBarRef = null;
+	filterBarWrapperRef = null;
+	static getDerivedStateFromProps(e, t) {
+		if ((0, import_lodash$1.isEqual)(t.currentProps, e)) return null;
+		let n = null;
+		e.query && e.query.query !== (0, import_lodash$1.get)(t, "currentProps.query.query") ? n = {
+			query: e.query.query,
+			language: e.query.language
+		} : e.query && t.query && e.query.language !== t.query.language && (n = {
+			query: "",
+			language: e.query.language
+		});
+		let r = null;
+		(e.dateRangeFrom !== (0, import_lodash$1.get)(t, "currentProps.dateRangeFrom") || e.dateRangeTo !== (0, import_lodash$1.get)(t, "currentProps.dateRangeTo")) && (r = {
+			dateRangeFrom: e.dateRangeFrom,
+			dateRangeTo: e.dateRangeTo
+		});
+		let i = { currentProps: e };
+		return n && (i.query = n), r && (i.dateRangeFrom = r.dateRangeFrom, i.dateRangeTo = r.dateRangeTo), i;
+	}
+	state = {
+		isFiltersVisible: !0,
+		showSaveQueryModal: !1,
+		showSaveNewQueryModal: !1,
+		currentProps: this.props,
+		query: this.props.query ? { ...this.props.query } : void 0,
+		dateRangeFrom: (0, import_lodash$1.get)(this.props, "dateRangeFrom", "now-15m"),
+		dateRangeTo: (0, import_lodash$1.get)(this.props, "dateRangeTo", "now")
+	};
+	isDirty = () => !this.props.showDatePicker && this.state.query && this.props.query ? this.state.query.query !== this.props.query.query : this.state.query && this.props.query && this.state.query.query !== this.props.query.query || this.state.dateRangeFrom !== this.props.dateRangeFrom || this.state.dateRangeTo !== this.props.dateRangeTo;
+	shouldRenderQueryBar() {
+		let e = this.props.showDatePicker || this.props.showAutoRefreshOnly, t = this.props.showQueryInput && this.props.indexPatterns && this.state.query;
+		return this.props.showQueryBar && (e || t);
+	}
+	shouldRenderFilterBar() {
+		return this.props.showFilterBar && this.props.filters && this.props.indexPatterns && (0, import_lodash.compact)(this.props.indexPatterns).length > 0;
+	}
+	setFilterBarHeight = () => {
+		requestAnimationFrame(() => {
+			let e = this.filterBarRef && this.state.isFiltersVisible && this.props.filters && this.props.filters.length > 0 ? this.filterBarRef.clientHeight : 0;
+			this.filterBarWrapperRef && this.filterBarWrapperRef.setAttribute("style", `height: ${e}px`);
+		});
+	};
+	ro = new ResizeObserver_es_default(this.setFilterBarHeight);
+	onInitiateSave = () => {
+		this.setState({ showSaveQueryModal: !0 });
+	};
+	onInitiateSaveNew = () => {
+		this.setState({ showSaveNewQueryModal: !0 });
+	};
+	onQueryBarChange = (e) => {
+		this.setState({
+			query: e.query,
+			dateRangeFrom: e.dateRange.from,
+			dateRangeTo: e.dateRange.to
+		}), this.props.onQueryChange && this.props.onQueryChange(e);
+	};
+	onQueryBarSubmit = (e) => {
+		this.setState({
+			query: e.query,
+			dateRangeFrom: e.dateRange && e.dateRange.from || this.state.dateRangeFrom,
+			dateRangeTo: e.dateRange && e.dateRange.to || this.state.dateRangeTo
+		}, () => {
+			this.props.onQuerySubmit && this.props.onQuerySubmit({
+				query: this.state.query,
+				dateRange: {
+					from: this.state.dateRangeFrom,
+					to: this.state.dateRangeTo
+				}
+			});
+		});
+	};
+	componentDidMount() {
+		this.filterBarRef && (this.setFilterBarHeight(), this.ro.observe(this.filterBarRef));
+	}
+	componentDidUpdate() {
+		this.filterBarRef && (this.setFilterBarHeight(), this.ro.unobserve(this.filterBarRef));
+	}
+	render() {
+		if (!this.props.selectedIndexPattern) return null;
+		let e;
+		this.shouldRenderQueryBar() && (e = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryBarTopRow, {
+			timeHistory: this.props.timeHistory,
+			query: this.state.query,
+			screenTitle: this.props.screenTitle,
+			onSubmit: this.onQueryBarSubmit,
+			indexPatterns: this.props.indexPatterns,
+			isLoading: this.props.isLoading,
+			prepend: null,
+			showDatePicker: this.props.showDatePicker,
+			dateRangeFrom: this.state.dateRangeFrom,
+			dateRangeTo: this.state.dateRangeTo,
+			isRefreshPaused: this.props.isRefreshPaused,
+			refreshInterval: this.props.refreshInterval,
+			showAutoRefreshOnly: this.props.showAutoRefreshOnly,
+			showQueryInput: this.props.showQueryInput,
+			onRefresh: this.props.onRefresh,
+			onRefreshChange: this.props.onRefreshChange,
+			onChange: this.onQueryBarChange,
+			isDirty: this.isDirty(),
+			dataTestSubj: this.props.dataTestSubj,
+			indicateNoData: this.props.indicateNoData,
+			storage: this.props.storage,
+			services: this.props.services,
+			renderTimeField: this.props.renderTimeField,
+			timefilterUpdateHandler: this.props.timefilterUpdateHandler,
+			timeSetting: this.props.timeSetting
+		}));
+		let t;
+		return this.shouldRenderFilterBar() && (t = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			id: "GlobalFilterGroup",
+			ref: (e) => {
+				this.filterBarWrapperRef = e;
+			},
+			className: (0, import_classnames.default)("globalFilterGroup__wrapper", { "globalFilterGroup__wrapper-isVisible": this.state.isFiltersVisible }),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: (e) => {
+					this.filterBarRef = e;
+				},
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterBar, {
+					className: "globalFilterGroup__filterBar",
+					filters: this.props.filters,
+					onFiltersUpdated: this.props.onFiltersUpdated,
+					indexPatterns: this.props.indexPatterns,
+					dateRangeFrom: this.state.dateRangeFrom,
+					dateRangeTo: this.state.dateRangeTo,
+					timeField: this.props.timeSetting?.timeField,
+					services: this.props.services
+				})
+			})
+		})), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "p-8px",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-8px",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IndexPatternSelect_default, {
+						selectedIndexPattern: this.props.selectedIndexPattern,
+						onIndexPatternChange: this.props.setIndexPattern,
+						indices: this.props.indices
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterActions, {
+						className: "globalFilterGroup__filterBar",
+						filters: this.props.filters,
+						onFiltersUpdated: this.props.onFiltersUpdated,
+						indexPatterns: this.props.indexPatterns,
+						dateRangeFrom: this.state.dateRangeFrom,
+						dateRangeTo: this.state.dateRangeTo,
+						timeField: this.props.selectedIndexPattern.timeFieldName,
+						services: this.props.services
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex-1",
+						children: e
+					})
+				]
+			}), t]
+		});
+	}
+});
+export { search_bar_default as default };