@infinilabs/discover 0.0.9 → 0.0.10

package/dist/{components-DSRtWY6B.js → components-BlrfeVrP.js}

@@ -1,5 +1,5 @@
 import { o as __toESM, r as __export, t as __commonJSMin } from "./chunk-D-4zIDrl.js";
-import { C as BehaviorSubject, E as Subscription, T as operate, _ as onRedirectNoIndexPattern, b as FilterManager, d as baseFormattersPublic, f as getTimezone, g as onUnsupportedTimePattern, h as IndexPatternsApiClient, l as generateFilters, m as SavedObjectsClientPublicToCommon, n as search, p as deserializeFieldFormat, u as createSearchBar, v as TimeHistory, w as createOperatorSubscriber, x as AutocompleteService, y as Timefilter } from "./public-fqndEQhV.js";
+import { C as BehaviorSubject, E as Subscription, T as operate, _ as onRedirectNoIndexPattern, b as FilterManager, d as baseFormattersPublic, f as getTimezone, g as onUnsupportedTimePattern, h as IndexPatternsApiClient, l as generateFilters, m as SavedObjectsClientPublicToCommon, n as search, p as deserializeFieldFormat, u as createSearchBar, v as TimeHistory, w as createOperatorSubscriber, x as AutocompleteService, y as Timefilter } from "./public-BGDT-6rG.js";
 import { a as createHashHistory, c as require_object_assign, d as FieldIcon, i as setIndexPatterns$1, l as require_url, o as _extends, t as getIndexPatterns, u as FieldButton } from "./services-C8UxrSbr.js";
 import { t as require_classnames } from "./classnames-BCXlvRQ0.js";
 import { t as require_lodash } from "./lodash-Gv_ptthU.js";
@@ -1263,40 +1263,40 @@ var require_react_is_production_min = /* @__PURE__ */ __commonJSMin(((e) => {
 		function Z(e) {
 			return A(e) === m;
 		}
-		function KZ(e) {
+		function zZ(e) {
 			return A(e) === f;
 		}
-		function Q(e) {
+		function BZ(e) {
 			return A(e) === u;
 		}
-		function qZ(e) {
+		function VZ(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function JZ(e) {
+		function HZ(e) {
 			return A(e) === g;
 		}
-		function YZ(e) {
+		function UZ(e) {
 			return A(e) === a;
 		}
-		function XZ(e) {
+		function WZ(e) {
 			return A(e) === S;
 		}
-		function ZZ(e) {
+		function GZ(e) {
 			return A(e) === x;
 		}
-		function QZ(e) {
+		function KZ(e) {
 			return A(e) === i;
 		}
-		function $Z(e) {
+		function qZ(e) {
 			return A(e) === s;
 		}
-		function eQ(e) {
+		function Q(e) {
 			return A(e) === o;
 		}
-		function tQ(e) {
+		function JZ(e) {
 			return A(e) === y;
 		}
-		e.AsyncMode = M, e.ConcurrentMode = N, e.ContextConsumer = P, e.ContextProvider = F, e.Element = I, e.ForwardRef = L, e.Fragment = R, e.Lazy = z, e.Memo = B, e.Portal = V, e.Profiler = U, e.StrictMode = W, e.Suspense = G, e.isAsyncMode = J, e.isConcurrentMode = Z, e.isContextConsumer = KZ, e.isContextProvider = Q, e.isElement = qZ, e.isForwardRef = JZ, e.isFragment = YZ, e.isLazy = XZ, e.isMemo = ZZ, e.isPortal = QZ, e.isProfiler = $Z, e.isStrictMode = eQ, e.isSuspense = tQ, e.isValidElementType = O, e.typeOf = A;
+		e.AsyncMode = M, e.ConcurrentMode = N, e.ContextConsumer = P, e.ContextProvider = F, e.Element = I, e.ForwardRef = L, e.Fragment = R, e.Lazy = z, e.Memo = B, e.Portal = V, e.Profiler = U, e.StrictMode = W, e.Suspense = G, e.isAsyncMode = J, e.isConcurrentMode = Z, e.isContextConsumer = zZ, e.isContextProvider = BZ, e.isElement = VZ, e.isForwardRef = HZ, e.isFragment = UZ, e.isLazy = WZ, e.isMemo = GZ, e.isPortal = KZ, e.isProfiler = qZ, e.isStrictMode = Q, e.isSuspense = JZ, e.isValidElementType = O, e.typeOf = A;
 	})();
 })), require_react_is = /* @__PURE__ */ __commonJSMin(((e, t) => {
 	process.env.NODE_ENV === "production" ? t.exports = require_react_is_production_min() : t.exports = require_react_is_development();
@@ -3084,25 +3084,25 @@ function highlight_default(e, t) {
 			numberStyle: A,
 			startingLineNumber: T,
 			codeString: W
-		}) : null, Z = s.hljs || s["pre[class*=\"language-\"]"] || { backgroundColor: "#fff" }, KZ = isHighlightJs(G) ? "hljs" : "prismjs", Q = y ? Object.assign({}, K, { style: Object.assign({}, Z, f) }) : Object.assign({}, K, {
-			className: K.className ? `${KZ} ${K.className}` : KZ,
+		}) : null, Z = s.hljs || s["pre[class*=\"language-\"]"] || { backgroundColor: "#fff" }, zZ = isHighlightJs(G) ? "hljs" : "prismjs", BZ = y ? Object.assign({}, K, { style: Object.assign({}, Z, f) }) : Object.assign({}, K, {
+			className: K.className ? `${zZ} ${K.className}` : zZ,
 			style: Object.assign({}, f)
 		});
-		if (P ? m.style = _objectSpread({ whiteSpace: "pre-wrap" }, m.style) : m.style = _objectSpread({ whiteSpace: "pre" }, m.style), !G) return /* @__PURE__ */ React.createElement(z, Q, J, /* @__PURE__ */ React.createElement(V, m, W));
+		if (P ? m.style = _objectSpread({ whiteSpace: "pre-wrap" }, m.style) : m.style = _objectSpread({ whiteSpace: "pre" }, m.style), !G) return /* @__PURE__ */ React.createElement(z, BZ, J, /* @__PURE__ */ React.createElement(V, m, W));
 		(M === void 0 && L || P) && (M = !0), L ||= defaultRenderer;
-		var qZ = [{
+		var VZ = [{
 			type: "text",
 			value: W
-		}], JZ = getCodeTree({
+		}], HZ = getCodeTree({
 			astGenerator: G,
 			language: i,
 			code: W,
-			defaultCodeValue: qZ
+			defaultCodeValue: VZ
 		});
-		JZ.language === null && (JZ.value = qZ);
-		var YZ = T + (W.match(/\n/g)?.length ?? 0), XZ = processLines(JZ, M, I, x, C, T, YZ, A, P);
-		return /* @__PURE__ */ React.createElement(z, Q, /* @__PURE__ */ React.createElement(V, m, !C && J, L({
-			rows: XZ,
+		HZ.language === null && (HZ.value = VZ);
+		var UZ = T + (W.match(/\n/g)?.length ?? 0), WZ = processLines(HZ, M, I, x, C, T, UZ, A, P);
+		return /* @__PURE__ */ React.createElement(z, BZ, /* @__PURE__ */ React.createElement(V, m, !C && J, L({
+			rows: WZ,
 			stylesheet: s,
 			useInlineStyles: y
 		})));
@@ -20908,213 +20908,85 @@ function _displayField(e, t, n, i = !1, a) {
 		dangerouslySetInnerHTML: { __html: o }
 	}) : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: o } });
 }
-var extendStatics = function(e, t) {
-	return extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
-		e.__proto__ = t;
-	} || function(e, t) {
-		for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
-	}, extendStatics(e, t);
-};
-function __extends(e, t) {
-	extendStatics(e, t);
-	function n() {
-		this.constructor = e;
-	}
-	e.prototype = t === null ? Object.create(t) : (n.prototype = t.prototype, new n());
-}
-var __assign = function() {
-	return __assign = Object.assign || function(e) {
-		for (var t, n = 1, i = arguments.length; n < i; n++) for (var a in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
-		return e;
-	}, __assign.apply(this, arguments);
-};
-function throttle(e, t, n, i) {
-	var a, o = !1, s = 0;
-	function u() {
-		a && clearTimeout(a);
-	}
-	function f() {
-		u(), o = !0;
-	}
-	typeof t != "boolean" && (i = n, n = t, t = void 0);
-	function p() {
-		var f = this, p = Date.now() - s, m = arguments;
-		if (o) return;
-		function g() {
-			s = Date.now(), n.apply(f, m);
-		}
-		function y() {
-			a = void 0;
-		}
-		i && !a && g(), u(), i === void 0 && p > e ? g() : t !== !0 && (a = setTimeout(i ? y : g, i === void 0 ? e - p : e));
-	}
-	return p.cancel = f, p;
-}
-var ThresholdUnits = {
-	Pixel: "Pixel",
-	Percent: "Percent"
-}, defaultThreshold = {
-	unit: ThresholdUnits.Percent,
-	value: .8
-};
-function parseThreshold(e) {
-	return typeof e == "number" ? {
-		unit: ThresholdUnits.Percent,
-		value: e * 100
-	} : typeof e == "string" ? e.match(/^(\d*(\.\d+)?)px$/) ? {
-		unit: ThresholdUnits.Pixel,
-		value: parseFloat(e)
-	} : e.match(/^(\d*(\.\d+)?)%$/) ? {
-		unit: ThresholdUnits.Percent,
-		value: parseFloat(e)
-	} : (console.warn("scrollThreshold format is invalid. Valid formats: \"120px\", \"50%\"..."), defaultThreshold) : (console.warn("scrollThreshold should be string or number"), defaultThreshold);
-}
-var index_es_default = function(e) {
-	__extends(t, e);
-	function t(t) {
-		var n = e.call(this, t) || this;
-		return n.lastScrollTop = 0, n.actionTriggered = !1, n.startY = 0, n.currentY = 0, n.dragging = !1, n.maxPullDownDistance = 0, n.getScrollableTarget = function() {
-			return n.props.scrollableTarget instanceof HTMLElement ? n.props.scrollableTarget : typeof n.props.scrollableTarget == "string" ? document.getElementById(n.props.scrollableTarget) : (n.props.scrollableTarget === null && console.warn("You are trying to pass scrollableTarget but it is null. This might\n        happen because the element may not have been added to DOM yet.\n        See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n      "), null);
-		}, n.onStart = function(e) {
-			n.lastScrollTop || (n.dragging = !0, e instanceof MouseEvent ? n.startY = e.pageY : e instanceof TouchEvent && (n.startY = e.touches[0].pageY), n.currentY = n.startY, n._infScroll && (n._infScroll.style.willChange = "transform", n._infScroll.style.transition = "transform 0.2s cubic-bezier(0,0,0.31,1)"));
-		}, n.onMove = function(e) {
-			n.dragging && (e instanceof MouseEvent ? n.currentY = e.pageY : e instanceof TouchEvent && (n.currentY = e.touches[0].pageY), !(n.currentY < n.startY) && (n.currentY - n.startY >= Number(n.props.pullDownToRefreshThreshold) && n.setState({ pullToRefreshThresholdBreached: !0 }), !(n.currentY - n.startY > n.maxPullDownDistance * 1.5) && n._infScroll && (n._infScroll.style.overflow = "visible", n._infScroll.style.transform = "translate3d(0px, " + (n.currentY - n.startY) + "px, 0px)")));
-		}, n.onEnd = function() {
-			n.startY = 0, n.currentY = 0, n.dragging = !1, n.state.pullToRefreshThresholdBreached && (n.props.refreshFunction && n.props.refreshFunction(), n.setState({ pullToRefreshThresholdBreached: !1 })), requestAnimationFrame(function() {
-				n._infScroll && (n._infScroll.style.overflow = "auto", n._infScroll.style.transform = "none", n._infScroll.style.willChange = "unset");
-			});
-		}, n.onScrollListener = function(e) {
-			typeof n.props.onScroll == "function" && setTimeout(function() {
-				return n.props.onScroll && n.props.onScroll(e);
-			}, 0);
-			var t = n.props.height || n._scrollableNode ? e.target : document.documentElement.scrollTop ? document.documentElement : document.body;
-			n.actionTriggered || ((n.props.inverse ? n.isElementAtTop(t, n.props.scrollThreshold) : n.isElementAtBottom(t, n.props.scrollThreshold)) && n.props.hasMore && (n.actionTriggered = !0, n.setState({ showLoader: !0 }), n.props.next && n.props.next()), n.lastScrollTop = t.scrollTop);
-		}, n.state = {
-			showLoader: !1,
-			pullToRefreshThresholdBreached: !1,
-			prevDataLength: t.dataLength
-		}, n.throttledOnScrollListener = throttle(150, n.onScrollListener).bind(n), n.onStart = n.onStart.bind(n), n.onMove = n.onMove.bind(n), n.onEnd = n.onEnd.bind(n), n;
-	}
-	return t.prototype.componentDidMount = function() {
-		if (this.props.dataLength === void 0) throw Error("mandatory prop \"dataLength\" is missing. The prop is needed when loading more content. Check README.md for usage");
-		if (this._scrollableNode = this.getScrollableTarget(), this.el = this.props.height ? this._infScroll : this._scrollableNode || window, this.el && this.el.addEventListener("scroll", this.throttledOnScrollListener), typeof this.props.initialScrollY == "number" && this.el && this.el instanceof HTMLElement && this.el.scrollHeight > this.props.initialScrollY && this.el.scrollTo(0, this.props.initialScrollY), this.props.pullDownToRefresh && this.el && (this.el.addEventListener("touchstart", this.onStart), this.el.addEventListener("touchmove", this.onMove), this.el.addEventListener("touchend", this.onEnd), this.el.addEventListener("mousedown", this.onStart), this.el.addEventListener("mousemove", this.onMove), this.el.addEventListener("mouseup", this.onEnd), this.maxPullDownDistance = this._pullDown && this._pullDown.firstChild && this._pullDown.firstChild.getBoundingClientRect().height || 0, this.forceUpdate(), typeof this.props.refreshFunction != "function")) throw Error("Mandatory prop \"refreshFunction\" missing.\n          Pull Down To Refresh functionality will not work\n          as expected. Check README.md for usage'");
-	}, t.prototype.componentWillUnmount = function() {
-		this.el && (this.el.removeEventListener("scroll", this.throttledOnScrollListener), this.props.pullDownToRefresh && (this.el.removeEventListener("touchstart", this.onStart), this.el.removeEventListener("touchmove", this.onMove), this.el.removeEventListener("touchend", this.onEnd), this.el.removeEventListener("mousedown", this.onStart), this.el.removeEventListener("mousemove", this.onMove), this.el.removeEventListener("mouseup", this.onEnd)));
-	}, t.prototype.componentDidUpdate = function(e) {
-		this.props.dataLength !== e.dataLength && (this.actionTriggered = !1, this.setState({ showLoader: !1 }));
-	}, t.getDerivedStateFromProps = function(e, t) {
-		return e.dataLength === t.prevDataLength ? null : __assign(__assign({}, t), { prevDataLength: e.dataLength });
-	}, t.prototype.isElementAtTop = function(e, t) {
-		t === void 0 && (t = .8);
-		var n = e === document.body || e === document.documentElement ? window.screen.availHeight : e.clientHeight, i = parseThreshold(t);
-		return i.unit === ThresholdUnits.Pixel ? e.scrollTop <= i.value + n - e.scrollHeight + 1 : e.scrollTop <= i.value / 100 + n - e.scrollHeight + 1;
-	}, t.prototype.isElementAtBottom = function(e, t) {
-		t === void 0 && (t = .8);
-		var n = e === document.body || e === document.documentElement ? window.screen.availHeight : e.clientHeight, i = parseThreshold(t);
-		return i.unit === ThresholdUnits.Pixel ? e.scrollTop + n >= e.scrollHeight - i.value : e.scrollTop + n >= i.value / 100 * e.scrollHeight;
-	}, t.prototype.render = function() {
-		var e = this, t = __assign({
-			height: this.props.height || "auto",
-			overflow: "auto",
-			WebkitOverflowScrolling: "touch"
-		}, this.props.style), n = this.props.hasChildren || !!(this.props.children && this.props.children instanceof Array && this.props.children.length), i = this.props.pullDownToRefresh && this.props.height ? { overflow: "auto" } : {};
-		return React.createElement("div", {
-			style: i,
-			className: "infinite-scroll-component__outerdiv"
-		}, React.createElement("div", {
-			className: "infinite-scroll-component " + (this.props.className || ""),
-			ref: function(t) {
-				return e._infScroll = t;
-			},
-			style: t
-		}, this.props.pullDownToRefresh && React.createElement("div", {
-			style: { position: "relative" },
-			ref: function(t) {
-				return e._pullDown = t;
-			}
-		}, React.createElement("div", { style: {
-			position: "absolute",
-			left: 0,
-			right: 0,
-			top: -1 * this.maxPullDownDistance
-		} }, this.state.pullToRefreshThresholdBreached ? this.props.releaseToRefreshContent : this.props.pullDownToRefreshContent)), this.props.children, !this.state.showLoader && !n && this.props.hasMore && this.props.loader, this.state.showLoader && this.props.hasMore && this.props.loader, !this.props.hasMore && this.props.endMessage));
-	}, t;
-}(Component), { Text: Text$1 } = Typography;
+var { Text: Text$1 } = Typography;
 function LoadingSpinner() {
 	return /* @__PURE__ */ jsx("div", {
 		style: { textAlign: "center" },
 		children: /* @__PURE__ */ jsx(Spin, {})
 	});
 }
-var pageCount = 20, table_default = React.memo(({ columns: e, hits: t, sortOrder: n, indexPattern: i, onFilter: a, onMoveColumn: o, onAddColumn: s, onRemoveColumn: u, onChangeSortOrder: f, document: p, hitsTotal: m, queryFrom: g, setQueryFrom: y, formatDisplayName: b, formatHit: x, pageSize: S = pageCount, scrollableTarget: C, scrollThreshold: w, hasMore: T = !0, filterIconRender: E, theme: O }) => {
-	let A = useRef(null);
+var pageCount = 20, table_default = React.memo(({ columns: e, hits: t, sortOrder: n, indexPattern: i, onFilter: a, onMoveColumn: o, onAddColumn: s, onRemoveColumn: u, onChangeSortOrder: f, document: p, hitsTotal: m, queryFrom: g, setQueryFrom: y, formatDisplayName: b, formatHit: x, pageSize: S = pageCount, hasMore: C = !0, filterIconRender: w, theme: T }) => {
+	let E = useRef(null), [O, A] = useState(!1), M = useCallback(() => {
+		let e = g + S;
+		e < m && !O && (A(!0), y(e));
+	}, [
+		g,
+		S,
+		m,
+		y,
+		O
+	]);
 	return useEffect(() => {
-		let e = A.current ? A.current : window.document.documentElement;
+		g === 0 && (A(!1), E.current && (E.current.scrollTop = 0));
+	}, [g]), useEffect(() => {
+		A(!1);
+	}, [t.length]), useEffect(() => {
+		let e = E.current;
 		if (!e) return;
 		let n = () => {
-			let n = T && t.length < m, i = e.scrollHeight <= e.clientHeight;
-			n && i && y(g + S);
-		}, i = new ResizeObserver(() => {
-			n();
-		});
-		return i.observe(e), n(), () => {
-			i.disconnect();
-		};
+			let n = C && t.length < m, i = e.scrollHeight <= e.clientHeight + 2;
+			n && i && !O && M();
+		}, i = new ResizeObserver(n);
+		return i.observe(e), n(), () => i.disconnect();
 	}, [
 		t.length,
 		m,
-		T,
-		g,
-		S,
-		y
-	]), /* @__PURE__ */ jsx("div", {
-		ref: A,
-		className: "infini-discover-table flex-1 overflow-auto",
-		children: A.current && /* @__PURE__ */ jsx(index_es_default, {
-			dataLength: t.length,
-			next: () => {
-				y(g + S);
-			},
-			hasMore: T && t.length < m,
-			loader: /* @__PURE__ */ jsx("h4", {
-				style: {
-					textAlign: "center",
-					margin: "10px auto"
-				},
-				children: /* @__PURE__ */ jsx(LoadingSpinner, {})
-			}),
-			endMessage: null,
-			scrollableTarget: A.current,
-			scrollThreshold: w,
-			children: t.length ? /* @__PURE__ */ jsxs("table", {
-				className: "kbn-table table",
-				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(TableHeader, {
-					columns: e,
-					defaultSortOrder: "desc",
-					hideTimeColumn: !1,
-					indexPattern: i,
-					isShortDots: !1,
-					onChangeSortOrder: f,
-					onMoveColumn: o,
-					onRemoveColumn: u,
-					sortOrder: n || [],
-					formatDisplayName: b
-				}) }), /* @__PURE__ */ jsx("tbody", { children: t.map((t, n) => /* @__PURE__ */ jsx(TableRow, {
-					onFilter: a,
-					columns: e,
-					hideTimeColumn: !1,
-					indexPattern: i,
-					isShortDots: !1,
-					onAddColumn: s,
-					onRemoveColumn: u,
-					row: t,
-					document: p,
-					formatHit: x,
-					filterIconRender: E,
-					theme: O
-				}, "discover-table-row" + t._id)) })]
-			}) : null
-		})
+		C,
+		M,
+		O
+	]), /* @__PURE__ */ jsxs("div", {
+		ref: E,
+		onScroll: (e) => {
+			let n = e.currentTarget, i = C && t.length < m;
+			n.scrollHeight - n.scrollTop <= n.clientHeight + 50 && i && !O && M();
+		},
+		className: "infini-discover-table flex-1 min-h-0 overflow-y-auto",
+		style: { position: "relative" },
+		children: [t.length > 0 ? /* @__PURE__ */ jsxs("table", {
+			className: "kbn-table table",
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(TableHeader, {
+				columns: e,
+				defaultSortOrder: "desc",
+				hideTimeColumn: !1,
+				indexPattern: i,
+				isShortDots: !1,
+				onChangeSortOrder: f,
+				onMoveColumn: o,
+				onRemoveColumn: u,
+				sortOrder: n || [],
+				formatDisplayName: b
+			}) }), /* @__PURE__ */ jsx("tbody", { children: t.map((t) => /* @__PURE__ */ jsx(TableRow, {
+				onFilter: a,
+				columns: e,
+				hideTimeColumn: !1,
+				indexPattern: i,
+				isShortDots: !1,
+				onAddColumn: s,
+				onRemoveColumn: u,
+				row: t,
+				document: p,
+				formatHit: x,
+				filterIconRender: w,
+				theme: T
+			}, "discover-table-row" + t._id)) })]
+		}) : null, (O || C && t.length < m) && /* @__PURE__ */ jsx("div", {
+			style: {
+				padding: "12px 0",
+				textAlign: "center",
+				width: "100%"
+			},
+			children: /* @__PURE__ */ jsx(LoadingSpinner, {})
+		})]
 	});
 });
 init_moment();
@@ -21170,7 +21042,7 @@ function ResultHeader(e) {
 		w.current = !1, b(!0);
 	}, O = async () => {
 		let { from: e, size: t } = await x.validateFields();
-		u?.(e - 1, t, T);
+		t > p && (t = p), e + t > o && (t = o - e), t = Math.max(1, t), u?.(e, t, T);
 	}, A = () => {
 		b(!1), x.resetFields(), w.current = !0;
 	};
@@ -21212,7 +21084,7 @@ function ResultHeader(e) {
 				...s || {}
 			}),
 			/* @__PURE__ */ jsx(Modal, {
-				title: C.title || "Export search as CSV",
+				title: C.title || `Export search as CSV (max: ${p})`,
 				closable: !0,
 				open: y,
 				onOk: O,
@@ -21224,26 +21096,25 @@ function ResultHeader(e) {
 					layout: "vertical",
 					className: "mt-24px",
 					initialValues: {
-						from: 1,
+						from: 0,
 						size: 20
 					},
 					children: [/* @__PURE__ */ jsx(Form.Item, {
-						label: C.from || "From",
+						label: "From",
 						name: "from",
 						required: !0,
 						children: /* @__PURE__ */ jsx(InputNumber, {
 							className: "w-full",
-							min: 1,
-							max: o
+							min: 0,
+							max: o - 1
 						})
 					}), /* @__PURE__ */ jsx(Form.Item, {
-						label: `${C.size || "Size"} (<=${p})`,
+						label: "Size",
 						name: "size",
 						required: !0,
 						children: /* @__PURE__ */ jsx(InputNumber, {
 							className: "w-full",
-							min: 1,
-							max: p
+							min: 1
 						})
 					})]
 				})
@@ -51660,10 +51531,10 @@ appendIconComponentCache({
 var import_lodash = require_lodash();
 loader.config({ monaco: editor_main_exports });
 var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringManager, timefilter, storage, getEsQuery, getSearchParams, intervalOptions, getTimeBuckets, fetchESRequest, services, setIndexPatterns } = getContext(), SearchBar = createSearchBar(), isFrist = !0, Discover = (e) => {
-	let { indexPattern: t, setIndexPattern: n, onIndexPatternChange: i, onSearch: o, scrollableTarget: s, queryParams: u = {}, setQueryParams: f, locale: m, theme: g, exportMaxSize: b = 1e4 } = e, [x, S] = useState({
+	let { indexPattern: t, setIndexPattern: n, onIndexPatternChange: i, onSearch: o, queryParams: s = {}, setQueryParams: u, locale: f, theme: m, exportMaxSize: g = 1e4 } = e, [b, x] = useState({
 		sideBar: !1,
 		histogram: !1
-	}), [C, w] = useState(() => getTimezone()), [T, E] = useState({
+	}), [S, C] = useState(() => getTimezone()), [w, T] = useState({
 		took: 11,
 		timed_out: !1,
 		_shards: {
@@ -51678,58 +51549,58 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			hits: []
 		},
 		aggregations: { counts: { buckets: [] } }
-	}), O = useRef();
+	}), E = useRef();
 	useEffect(() => {
-		u.range && u.range[0] && u.range[1] && timefilter.setTime({
-			from: u.range[0],
-			to: u.range[1]
-		}), Array.isArray(u.filters) && u.filters.length > 0 && filterManager.setFilters(u.filters.filter((e) => !!e.meta).map((e) => ({
+		s.range && s.range[0] && s.range[1] && timefilter.setTime({
+			from: s.range[0],
+			to: s.range[1]
+		}), Array.isArray(s.filters) && s.filters.length > 0 && filterManager.setFilters(s.filters.filter((e) => !!e.meta).map((e) => ({
 			...e,
 			store: FilterStateStore.APP_STATE
 		})));
 	}, []);
-	let [A, M] = useState({
-		columns: u.columns || ["_source"],
+	let [O, A] = useState({
+		columns: s.columns || ["_source"],
 		interval: "15s",
-		sort: u.sort || []
-	}), N = {
+		sort: s.sort || []
+	}), M = {
 		type: "string",
 		field: "",
 		enabled: !1
-	}, [P, F] = React.useState(N), I = (e) => {
-		F({
-			...P,
+	}, [N, P] = React.useState(M), F = (e) => {
+		P({
+			...N,
 			...e
 		});
-	}, L = () => {
-		F({
-			...P,
-			type: N.type,
-			field: N.field
+	}, I = () => {
+		P({
+			...N,
+			type: M.type,
+			field: M.field
 		});
 	};
 	useMemo(() => {
-		L();
+		I();
 	}, [t]);
-	let R = useMemo(() => {
+	let L = useMemo(() => {
 		let e = new Subscription();
 		return e.add(timefilter.getAutoRefreshFetch$().subscribe({ next: () => {
-			U();
+			V();
 		} })), e;
-	}, [t]), [z, B] = React.useState(0), V = A.columns, U = useCallback(async (e) => {
+	}, [t]), [R, z] = React.useState(0), B = O.columns, V = useCallback(async (e) => {
 		if (!t || !o) return;
-		J("loading"), e?.isScrollLoad || B(0);
-		let n = e?.sort || A.sort, i = getSearchParams(t, e?.interval || A.interval, e?.sort || A.sort, e?.aggs || null, P || {}, e?.isScrollLoad ? z : 0, !1), a = (0, import_lodash.cloneDeep)(i?.body?.query?.bool?.filter || []);
+		K((e) => e === "next" ? e : "loading"), e?.isScrollLoad || z(0);
+		let n = e?.sort || O.sort, i = getSearchParams(t, e?.interval || O.interval, e?.sort || O.sort, e?.aggs || null, N || {}, e?.isScrollLoad ? R : 0, !1), a = (0, import_lodash.cloneDeep)(i?.body?.query?.bool?.filter || []);
 		if (a.length > 0) {
 			let t = a[a.length - 1];
-			t?.hasOwnProperty("range") && (e?.rangeFilter ? (a[a.length - 1] = (0, import_lodash.cloneDeep)(e?.rangeFilter), i.body.query.bool.filter = a) : O.current = t);
+			t?.hasOwnProperty("range") && (e?.rangeFilter ? (a[a.length - 1] = (0, import_lodash.cloneDeep)(e?.rangeFilter), i.body.query.bool.filter = a) : E.current = t);
 		}
-		let { index: s, body: p } = i, m = await o(s, p);
-		(!m || !m.hits) && (m.hits = { hits: [] }), E(m);
+		let { index: f, body: p } = i, m = await o(f, p);
+		(!m || !m.hits) && (m.hits = { hits: [] }), T(m);
 		let { query: g } = queryStringManager.getQuery(), y = filterManager.getFilters();
-		f((e) => ({
+		u((e) => ({
 			...e,
-			query: g == u.query ? u.query : g,
+			query: g == s.query ? s.query : g,
 			range: [timefilter._time?.from, timefilter._time?.to],
 			sort: n,
 			timeField: t.timeFieldName,
@@ -51742,34 +51613,34 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			})
 		}));
 	}, [
-		A.interval,
-		A.sort,
+		O.interval,
+		O.sort,
 		t,
-		P,
-		z,
+		N,
+		R,
 		t?.timeFieldName,
-		u
+		s
 	]);
 	useEffect(() => {
-		z > 0 && U({
+		R > 0 && V({
 			isScrollLoad: !0,
-			rangeFilter: O.current
+			rangeFilter: E.current
 		});
-	}, [z]), useEffect(() => {
-		isFrist ? isFrist = !isFrist : U();
+	}, [R]), useEffect(() => {
+		isFrist ? isFrist = !isFrist : V();
 	}, [e.indices]);
-	let G = useCallback((e) => {
-		e && M({
-			...A,
+	let U = useCallback((e) => {
+		e && A({
+			...O,
 			interval: e
 		});
-	}, [M, t]), [K, J] = useState("loading"), { histogramData: Z, timeChartProps: Q } = useMemo(() => {
-		if (!T.hits.hits || T.hits.hits.length == 0) return J("none"), {};
-		if (!t?.timeFieldName || !T.aggregations || !T.aggregations.counts) return J("ready"), {
+	}, [A, t]), [G, K] = useState("loading"), { histogramData: J, timeChartProps: Z } = useMemo(() => {
+		if (!w.hits.hits || w.hits.hits.length == 0) return K("none"), {};
+		if (!t?.timeFieldName || !w.aggregations || !w.aggregations.counts) return K("ready"), {
 			histogramData: null,
 			timeChartProps: null
 		};
-		let e = getTimeBuckets(A.interval), n = e.getInterval(!0), i = {
+		let e = getTimeBuckets(O.interval), n = e.getInterval(!0), i = {
 			columns: [{
 				id: "key",
 				name: `${t?.getTimeField().displayName} per ${n.description}`
@@ -51779,7 +51650,7 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			}],
 			rows: []
 		};
-		T.aggregations.counts.buckets.forEach((e) => {
+		w.aggregations.counts.buckets.forEach((e) => {
 			i.rows.push(e);
 		});
 		let a = {
@@ -51803,15 +51674,15 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 				label: "Count"
 			}
 		};
-		J("ready");
+		K("ready");
 		let o = {
 			timeRange: {
 				from: timefilter.getBounds().min,
 				to: timefilter.getBounds().max
 			},
-			stateInterval: A.interval || "15s",
+			stateInterval: O.interval || "15s",
 			options: intervalOptions,
-			onIntervalChange: G,
+			onIntervalChange: U,
 			bucketInterval: {
 				...n,
 				timeFieldName: t?.timeFieldName
@@ -51822,119 +51693,119 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			timeChartProps: o
 		};
 	}, [
-		T,
+		w,
 		t,
 		t?.timeFieldName,
-		A.interval
+		O.interval
 	]);
 	useEffect(() => {
-		f((e) => ({
+		u((e) => ({
 			...e,
-			columns: A.columns
+			columns: O.columns
 		}));
-	}, [A.columns]), useEffect(() => {
+	}, [O.columns]), useEffect(() => {
 		if (t) if (t?.timeFieldName) {
 			let e = [[t?.timeFieldName, "desc"]];
-			M({
-				...A,
+			A({
+				...O,
 				sort: e
-			}), U({ sort: e });
-		} else M({
-			...A,
+			}), V({ sort: e });
+		} else A({
+			...O,
 			sort: []
-		}), U({ sort: [] });
+		}), V({ sort: [] });
 	}, [t]);
-	let { onAddColumn: qZ, onRemoveColumn: JZ, onMoveColumn: YZ, onSetColumns: XZ } = useMemo(() => getStateColumnActions({
+	let { onAddColumn: BZ, onRemoveColumn: VZ, onMoveColumn: HZ, onSetColumns: UZ } = useMemo(() => getStateColumnActions({
 		indexPattern: t,
-		setAppState: M,
-		state: A,
+		setAppState: A,
+		state: O,
 		useNewFieldsApi: !1
-	}), [t, A]), ZZ = useCallback((e) => {
-		M({
-			...A,
+	}), [t, O]), WZ = useCallback((e) => {
+		A({
+			...O,
 			sort: e
-		}), U({ sort: e.reverse() });
-	}, [A, t]), QZ = useCallback((e, n, i) => {
+		}), V({ sort: e.reverse() });
+	}, [O, t]), GZ = useCallback((e, n, i) => {
 		typeof e == "string" || e.name;
 		let a = generateFilters(filterManager, e, n, i, String(t.id));
-		filterManager.addFilters(a), U();
-	}, [t, U]), $Z = useCallback((e) => {
+		filterManager.addFilters(a), V();
+	}, [t, V]), KZ = useCallback((e) => {
 		timefilter.setTime({
 			from: moment_default(e.from).toISOString(),
 			to: moment_default(e.to).toISOString(),
 			mode: "absolute"
-		}), U();
-	}, [timefilter]), eQ = T.hits.hits || [], [tQ, nQ] = useState([]);
+		}), V();
+	}, [timefilter]), qZ = w.hits.hits || [], [Q, JZ] = useState([]);
 	useMemo(() => {
-		eQ.length > 0 ? nQ(z > 0 ? (e) => [...e, ...eQ] : eQ) : z === 0 && nQ([]);
-	}, [eQ]);
-	let rQ = {
+		qZ.length > 0 ? JZ(R > 0 ? (e) => [...e, ...qZ] : qZ) : R === 0 && JZ([]);
+	}, [qZ]);
+	let YZ = {
 		savedSearch: {},
 		timefield: t?.getTimeField()?.displayName,
 		chartAggConfigs: {}
-	}, iQ = {};
-	for (let e of tQ) for (let n of Object.keys(t.flattenHit(e, !0))) iQ[n] = (iQ[n] || 0) + 1;
-	let aQ = Number.isInteger(T.hits.total?.value) ? T.hits.total?.value : 0, oQ = t?.timeFieldName != "", sQ = useCallback(async ({ _index: e, _id: t, _type: n, _source: i, is_new: a }) => !1, [U]), cQ = useCallback(async ({ _index: e, _id: t, _type: n }) => !1, [U]), lQ = useMemo(() => ({
-		saveDocument: sQ,
-		deleteDocument: cQ
-	}), [sQ, cQ]), uQ = async (e, n, i) => {
+	}, XZ = {};
+	for (let e of Q) for (let n of Object.keys(t.flattenHit(e, !0))) XZ[n] = (XZ[n] || 0) + 1;
+	let ZZ = Number.isInteger(w.hits.total?.value) ? w.hits.total?.value : 0, QZ = t?.timeFieldName != "", $Z = useCallback(async ({ _index: e, _id: t, _type: n, _source: i, is_new: a }) => !1, [V]), eQ = useCallback(async ({ _index: e, _id: t, _type: n }) => !1, [V]), tQ = useMemo(() => ({
+		saveDocument: $Z,
+		deleteDocument: eQ
+	}), [$Z, eQ]), nQ = async (e, n, i) => {
 		let a = e?.spec?.name || e?.name;
 		if (!a || !o) return;
 		if (e.isMulti) a = `${a}.keyword`;
 		else if (e?.spec?.aggregatable !== !0) return;
 		n && n();
-		let s = u.sampleRecords === "all" ? { top5: { terms: {
+		let u = s.sampleRecords === "all" ? { top5: { terms: {
 			field: a,
-			size: u.topNumber || 5
+			size: s.topNumber || 5
 		} } } : {
 			sample: {
-				sampler: { shard_size: u.sampleSize || 5e3 },
+				sampler: { shard_size: s.sampleSize || 5e3 },
 				aggs: {
 					sample_count: { value_count: { field: a } },
 					top5: { terms: {
 						field: a,
-						size: u.topNumber || 5,
+						size: s.topNumber || 5,
 						shard_size: 25
 					} }
 				}
 			},
 			top5: { terms: {
 				field: a,
-				size: u.topNumber || 5,
+				size: s.topNumber || 5,
 				shard_size: 25
 			} }
-		}, f = getSearchParams(t, A.interval, A.sort, s, P || {}, 0, !0, 0), p = f?.body?.query?.bool?.filter || [];
-		if (p.length > 0 && O.current) {
-			let e = p[p.length - 1], t = (0, import_lodash.cloneDeep)(O.current);
+		}, f = getSearchParams(t, O.interval, O.sort, u, N || {}, 0, !0, 0), p = f?.body?.query?.bool?.filter || [];
+		if (p.length > 0 && E.current) {
+			let e = p[p.length - 1], t = (0, import_lodash.cloneDeep)(E.current);
 			e?.hasOwnProperty("range") ? (p[p.length - 1] = t, f.body.query.bool.filter = p) : p.push(t), f.body.query.bool.filter = p;
 		}
 		let { index: m, body: g } = f, y = await o(m, g);
 		if (i) {
-			let e = u.sampleRecords === "all" ? y?.aggregations?.top5?.buckets : y?.aggregations?.sample?.top5?.buckets, t = u.sampleRecords === "all" ? y?.aggregations?.top5?.sum_other_doc_count : y?.aggregations?.sample?.sample_count?.value;
+			let e = s.sampleRecords === "all" ? y?.aggregations?.top5?.buckets : y?.aggregations?.sample?.top5?.buckets, t = s.sampleRecords === "all" ? y?.aggregations?.top5?.sum_other_doc_count : y?.aggregations?.sample?.sample_count?.value;
 			i(e || [], t || 0);
 		}
-	}, dQ = async (e) => {
-		R.unsubscribe(), t.timeFieldName = e, n(t);
+	}, rQ = async (e) => {
+		L.unsubscribe(), t.timeFieldName = e, n(t);
 		let i = [[e, "desc"]];
-		M({
-			...A,
+		A({
+			...O,
 			columns: ["_source"],
 			sort: i
-		}), U({ sort: i });
-	}, fQ = async (e, n, i) => {
+		}), V({ sort: i });
+	}, iQ = async (e, n, i) => {
 		if (!o) return;
-		J("downloading");
-		let { index: a, body: s } = getSearchParams(t, A.interval, A.sort, null, P || {}, e, !1, n), u = await o(a, s), f = Array.isArray(u?.hits?.hits) ? u?.hits?.hits : [], p = t.timeFieldName;
-		i?.(f, V, p), J("none");
+		K("downloading");
+		let { index: a, body: s } = getSearchParams(t, O.interval, O.sort, null, N || {}, e, !1, n), u = await o(a, s), f = Array.isArray(u?.hits?.hits) ? u?.hits?.hits : [], p = t.timeFieldName;
+		i?.(f, B, p), K("ready");
 	};
 	return /* @__PURE__ */ jsxs(Card, {
-		className: "h-full flex flex-col",
-		classNames: { body: "!p-0 h-full flex-1 flex flex-col" },
+		className: "h-full",
+		classNames: { body: "!p-0 h-full flex flex-col" },
 		children: [/* @__PURE__ */ jsx(SearchBar, {
 			showSearchBar: !1,
 			showQueryBar: !0,
 			showQueryInput: !0,
-			showDatePicker: oQ,
+			showDatePicker: QZ,
 			showFilterBar: !0,
 			useDefaultBehaviors: !0,
 			screenTitle: "",
@@ -51945,134 +51816,138 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			filterManager,
 			query: {
 				language: "kuery",
-				query: u.query || ""
+				query: s.query || ""
 			},
 			queryStringManager,
 			queryString: queryStringManager,
 			timefilter,
 			storage,
-			onQuerySubmit: U,
+			onQuerySubmit: V,
 			services,
-			dateRangeFrom: u.range && u.range[0],
-			dateRangeTo: u.range && u.range[1],
+			dateRangeFrom: s.range && s.range[0],
+			dateRangeTo: s.range && s.range[1],
 			selectedIndexPattern: t,
 			setIndexPattern: (e) => {
-				R.unsubscribe(), i(e);
+				L.unsubscribe(), i(e);
 			},
 			indices: e.indices,
-			histogramData: Z,
-			timefilterUpdateHandler: $Z,
-			histogramOpts: rQ,
+			histogramData: J,
+			timefilterUpdateHandler: KZ,
+			histogramOpts: YZ,
 			timeSetting: {
-				...Q || {},
+				...Z || {},
 				showTimeSetting: !0,
 				showTimeField: !0,
 				timeField: t.timeFieldName,
 				timeFields: t.fields.filter((e) => e.spec.type === "date").map((e) => e.displayName),
 				showTimeInterval: !1,
-				timeInterval: Q?.stateInterval,
+				timeInterval: Z?.stateInterval,
 				timeIntervals: intervalOptions?.map(({ display: e, val: t }) => ({
 					label: e,
 					value: t
 				})),
 				onTimeSettingChange: ({ timeField: e, timeInterval: n }) => {
-					t.timeFieldName !== e && dQ(e), Q?.stateInterval !== n && G(n);
+					t.timeFieldName !== e && rQ(e), Z?.stateInterval !== n && U(n);
 				},
-				timeZone: C,
-				onTimeZoneChange: w,
+				timeZone: S,
+				onTimeZoneChange: C,
 				recentlyUsedRanges: []
 			},
-			locale: m,
-			theme: g
+			locale: f,
+			theme: m
 		}), /* @__PURE__ */ jsx("div", {
-			className: "flex flex-1 min-h-0 border-t border-t-solid border-[var(--ant-color-border)]",
-			children: K === "none" && z === 0 ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(DiscoverNoResults, {
-				timeFieldName: rQ.timefield,
-				queryLanguage: A.query?.language || "",
-				range: u.range
-			}) }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [!x.sideBar && /* @__PURE__ */ jsx("div", {
-				className: "min-h-0 w-300px p-8px border-r border-r-solid border-[var(--ant-color-border)]",
-				children: /* @__PURE__ */ jsx(SidebarMemoized, {
-					config: {},
-					columns: V,
-					fieldCounts: iQ,
-					hits: tQ,
-					indexPatterns: [t],
-					onAddField: qZ,
-					onAddFilter: QZ,
-					onRemoveField: JZ,
-					selectedIndexPattern: t,
-					setIndexPattern: () => {},
-					setAppState: M,
-					state: A,
-					distinctParams: P,
-					onDistinctParamsChange: I,
-					total: aQ,
-					onFieldAgg: uQ,
-					whetherToSample: u.whetherToSample,
-					sampleSize: u.sampleSize,
-					topNumber: u.topNumber,
-					onCollapseToggle: () => {
-						S((e) => ({
-							...e,
-							sideBar: !e.sideBar
-						}));
-					}
-				})
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex-1 flex flex-col min-h-0 overflow-hidden relative",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						style: { display: K !== "loading" && K !== "downloading" ? "none" : "" },
-						children: /* @__PURE__ */ jsx("div", {
-							className: "dscOverlay",
-							children: /* @__PURE__ */ jsx(LoadingSpinner, {})
-						})
-					}),
-					/* @__PURE__ */ jsx(ResultHeader, {
-						showCollapse: {
-							sideBar: !0,
-							histogram: !!Z
-						},
-						collapseState: x,
-						setCollapseState: S,
-						took: T.took || 1,
-						total: aQ,
-						timeChartProps: Q,
-						onDownloadQuery: fQ,
-						downloading: K === "downloading",
-						exportMaxSize: b
-					}),
-					!x.histogram && rQ.chartAggConfigs && Z && tQ.length !== 0 && /* @__PURE__ */ jsx("div", {
-						className: "dscTimechart",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "h-100px dscHistogramGrid",
-							children: /* @__PURE__ */ jsx(DiscoverHistogram, {
-								chartData: Z,
-								timefilterUpdateHandler: $Z,
-								theme: g
+			className: "flex-1 min-h-0 relative",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 flex border-t border-t-solid border-[var(--ant-color-border)]",
+				children: G === "none" && R === 0 ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(DiscoverNoResults, {
+					timeFieldName: YZ.timefield,
+					queryLanguage: O.query?.language || "",
+					range: s.range
+				}) }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [!b.sideBar && /* @__PURE__ */ jsx("div", {
+					className: "h-full w-300px p-8px border-r border-r-solid border-[var(--ant-color-border)] overflow-y-auto infini-discover-side",
+					children: /* @__PURE__ */ jsx(SidebarMemoized, {
+						config: {},
+						columns: B,
+						fieldCounts: XZ,
+						hits: Q,
+						indexPatterns: [t],
+						onAddField: BZ,
+						onAddFilter: GZ,
+						onRemoveField: VZ,
+						selectedIndexPattern: t,
+						setIndexPattern: () => {},
+						setAppState: A,
+						state: O,
+						distinctParams: N,
+						onDistinctParamsChange: F,
+						total: ZZ,
+						onFieldAgg: nQ,
+						whetherToSample: s.whetherToSample,
+						sampleSize: s.sampleSize,
+						topNumber: s.topNumber,
+						onCollapseToggle: () => {
+							x((e) => ({
+								...e,
+								sideBar: !e.sideBar
+							}));
+						}
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex-1 flex flex-col h-full overflow-hidden relative",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							style: { display: G !== "loading" && G !== "downloading" ? "none" : "" },
+							children: /* @__PURE__ */ jsx("div", {
+								className: "dscOverlay",
+								children: /* @__PURE__ */ jsx(LoadingSpinner, {})
 							})
-						})
-					}),
-					tQ && tQ.length > 0 ? /* @__PURE__ */ jsx(table_default, {
-						columns: V,
-						sortOrder: A.sort || [],
-						indexPattern: t,
-						onFilter: QZ,
-						onRemoveColumn: JZ,
-						onMoveColumn: YZ,
-						onAddColumn: qZ,
-						onChangeSortOrder: ZZ,
-						document: lQ,
-						hits: tQ,
-						hitsTotal: aQ,
-						queryFrom: z,
-						setQueryFrom: B,
-						scrollableTarget: s,
-						theme: g
-					}) : null
-				]
-			})] })
+						}),
+						/* @__PURE__ */ jsx(ResultHeader, {
+							showCollapse: {
+								sideBar: !0,
+								histogram: !!J
+							},
+							collapseState: b,
+							setCollapseState: x,
+							took: w.took || 1,
+							total: ZZ,
+							timeChartProps: Z,
+							onDownloadQuery: iQ,
+							downloading: G === "downloading",
+							exportMaxSize: g
+						}),
+						!b.histogram && YZ.chartAggConfigs && J && Q.length !== 0 && /* @__PURE__ */ jsx("div", {
+							className: "dscTimechart",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "h-100px dscHistogramGrid",
+								children: /* @__PURE__ */ jsx(DiscoverHistogram, {
+									chartData: J,
+									timefilterUpdateHandler: KZ,
+									theme: m
+								})
+							})
+						}),
+						Q && Q.length > 0 ? /* @__PURE__ */ jsx(table_default, {
+							columns: B,
+							sortOrder: O.sort || [],
+							indexPattern: t,
+							onFilter: GZ,
+							onRemoveColumn: VZ,
+							onMoveColumn: HZ,
+							onAddColumn: BZ,
+							onChangeSortOrder: WZ,
+							document: tQ,
+							hits: Q,
+							hitsTotal: ZZ,
+							queryFrom: R,
+							setQueryFrom: (e) => {
+								K("next"), z(e);
+							},
+							theme: m
+						}) : null
+					]
+				})] })
+			})
 		})]
 	});
 }, Container = ({ children: e }) => /* @__PURE__ */ jsx(Card, {
@@ -52082,53 +51957,52 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 });
 const GlobalConfigContext = React.createContext({});
 var components_default = (e) => {
-	let { loading: t = !1, indices: n = [], getIndexPattern: i, onSearch: a, onSuggestions: o, scrollableTarget: s, queryParams: u, setQueryParams: f, locale: p, theme: m = "light", i18n: g = {}, exportMaxSize: y = 1e4 } = e, [b, x] = useState(), S = useRef({
+	let { loading: t = !1, indices: n = [], getIndexPattern: i, onSearch: a, onSuggestions: o, queryParams: s, setQueryParams: u, locale: f, theme: p = "light", i18n: m = {}, exportMaxSize: g = 1e4 } = e, [y, b] = useState(), x = useRef({
 		pendingIndex: null,
 		loadedIndex: null
-	}), C = async (e, t) => {
-		if (!e || S.current.pendingIndex === e || S.current.loadedIndex === e) return;
-		S.current.pendingIndex = e;
+	}), S = async (e, t) => {
+		if (!e || x.current.pendingIndex === e || x.current.loadedIndex === e) return;
+		x.current.pendingIndex = e;
 		let n = await services.indexPatternService.get(e, "index");
 		if (!n) return;
 		let i = [];
 		n.fields.forEach((e) => {
 			e.spec.type === "date" && i.push(e.spec.name);
-		}), i && i.length >= 1 && (t && i.includes(t) ? n.timeFieldName = t : n.timeFieldName === "" && (n.timeFieldName = i[0])), n.id !== u?.index && f((e) => ({
+		}), i && i.length >= 1 && (t && i.includes(t) ? n.timeFieldName = t : n.timeFieldName === "" && (n.timeFieldName = i[0])), n.id !== s?.index && u((e) => ({
 			...e,
 			index: n.id
-		})), x(n);
+		})), b(n);
 		let a = [n];
-		a.get = (e) => Promise.resolve(a.find((t) => t.id == e)), setIndexPatterns(a), S.current.loadedIndex = e, S.current.pendingIndex = null;
+		a.get = (e) => Promise.resolve(a.find((t) => t.id == e)), setIndexPatterns(a), x.current.loadedIndex = e, x.current.pendingIndex = null;
 	};
 	return useEffect(() => {
 		o && services.data.autocomplete.setup({ onSuggestions: o }), i && services.indexPatternService.setup({ getIndexPattern: i });
 	}, []), useEffect(() => {
 		if (!Array.isArray(n) || n.length === 0) return;
-		let e = n.find((e) => e.name === u?.index);
-		(!e || e.disabled) && (e = n.find((e) => !e.disabled)), e && C(e.name, u?.timeField);
+		let e = n.find((e) => e.name === s?.index);
+		(!e || e.disabled) && (e = n.find((e) => !e.disabled)), e && S(e.name, s?.timeField);
 	}, [
 		n,
-		u?.index,
-		u?.timeField
+		s?.index,
+		s?.timeField
 	]), useEffect(() => {
-		S.current = {
+		x.current = {
 			pendingIndex: null,
 			loadedIndex: null
 		};
-	}, [n]), t ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Spin, { spinning: t }) }) : !n || n.length === 0 || !b ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE }) }) : /* @__PURE__ */ jsx(GlobalConfigContext.Provider, {
-		value: { i18n: g },
+	}, [n]), t ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Spin, { spinning: t }) }) : !n || n.length === 0 || !y ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE }) }) : /* @__PURE__ */ jsx(GlobalConfigContext.Provider, {
+		value: { i18n: m },
 		children: /* @__PURE__ */ jsx(Discover, {
 			indices: n,
-			indexPattern: b,
-			setIndexPattern: x,
-			onIndexPatternChange: C,
+			indexPattern: y,
+			setIndexPattern: b,
+			onIndexPatternChange: S,
 			onSearch: a,
-			scrollableTarget: s,
-			queryParams: u,
-			setQueryParams: f,
-			locale: p,
-			theme: m,
-			exportMaxSize: y
+			queryParams: s,
+			setQueryParams: u,
+			locale: f,
+			theme: p,
+			exportMaxSize: g
 		})
 	});
 };