@infinilabs/discover 0.0.8 → 0.0.10

package/dist/{components-Bf48xuoA.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-Bb76DDzt.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 qZ(e) {
+		function zZ(e) {
 			return A(e) === f;
 		}
-		function JZ(e) {
+		function BZ(e) {
 			return A(e) === u;
 		}
-		function YZ(e) {
+		function VZ(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function XZ(e) {
+		function HZ(e) {
 			return A(e) === g;
 		}
-		function ZZ(e) {
+		function UZ(e) {
 			return A(e) === a;
 		}
-		function QZ(e) {
+		function WZ(e) {
 			return A(e) === S;
 		}
-		function $Z(e) {
+		function GZ(e) {
 			return A(e) === x;
 		}
-		function eQ(e) {
+		function KZ(e) {
 			return A(e) === i;
 		}
-		function tQ(e) {
+		function qZ(e) {
 			return A(e) === s;
 		}
 		function Q(e) {
 			return A(e) === o;
 		}
-		function nQ(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 = qZ, e.isContextProvider = JZ, e.isElement = YZ, e.isForwardRef = XZ, e.isFragment = ZZ, e.isLazy = QZ, e.isMemo = $Z, e.isPortal = eQ, e.isProfiler = tQ, e.isStrictMode = Q, e.isSuspense = nQ, 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" }, qZ = isHighlightJs(G) ? "hljs" : "prismjs", JZ = y ? Object.assign({}, K, { style: Object.assign({}, Z, f) }) : Object.assign({}, K, {
-			className: K.className ? `${qZ} ${K.className}` : qZ,
+		}) : 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, JZ, 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 YZ = [{
+		var VZ = [{
 			type: "text",
 			value: W
-		}], XZ = getCodeTree({
+		}], HZ = getCodeTree({
 			astGenerator: G,
 			language: i,
 			code: W,
-			defaultCodeValue: YZ
+			defaultCodeValue: VZ
 		});
-		XZ.language === null && (XZ.value = YZ);
-		var ZZ = T + (W.match(/\n/g)?.length ?? 0), QZ = processLines(XZ, M, I, x, C, T, ZZ, A, P);
-		return /* @__PURE__ */ React.createElement(z, JZ, /* @__PURE__ */ React.createElement(V, m, !C && J, L({
-			rows: QZ,
+		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();
@@ -21154,8 +21026,8 @@ var Info_default = ({ bucketInterval: e, dateFormat: t = "YYYY-MM-DD H:mm", time
 	});
 };
 function ResultHeader(e) {
-	let { showCollapse: t, collapseState: n, setCollapseState: i, took: a, total: o, timeChartProps: s, onDownloadQuery: u, downloading: f = !1 } = e, p = t.sideBar && n.sideBar, m = t.histogram, [g, y] = useState(!1), [b] = Form.useForm(), { i18n: x } = useContext(GlobalConfigContext), S = x?.download || {}, C = useRef(!1), w = async (e, t, n) => {
-		if (C.current) return;
+	let { showCollapse: t, collapseState: n, setCollapseState: i, took: a, total: o, timeChartProps: s, onDownloadQuery: u, downloading: f = !1, exportMaxSize: p = 1e4 } = e, m = t.sideBar && n.sideBar, g = t.histogram, [y, b] = useState(!1), [x] = Form.useForm(), { i18n: S } = useContext(GlobalConfigContext), C = S?.download || {}, w = useRef(!1), T = async (e, t, n) => {
+		if (w.current) return;
 		let i = [...t];
 		n && (i = [n, ...i.filter((e) => e !== n)]);
 		let a = e.map((e) => {
@@ -21165,20 +21037,20 @@ function ResultHeader(e) {
 				return n = e === "_source" ? t : e in t ? t[e] : e.split(".").reduce((e, t) => e ? e[t] : void 0, t), typeof n == "object" && n && (n = JSON.stringify(n)), `"${String(n ?? "").replace(/"/g, "\"\"")}"`;
 			}).join(",");
 		}), o = [i.join(","), ...a].join("\n"), s = new Blob(["" + o], { type: "text/csv;charset=utf-8;" }), u = window.document.createElement("a"), f = URL.createObjectURL(s);
-		u.setAttribute("href", f), u.setAttribute("download", `${(/* @__PURE__ */ new Date()).getTime()}.csv`), u.style.visibility = "hidden", window.document.body.appendChild(u), u.click(), window.document.body.removeChild(u), y(!1), b.resetFields();
-	}, T = () => {
-		C.current = !1, y(!0);
-	}, E = async () => {
-		let { from: e, size: t } = await b.validateFields();
-		u?.(e - 1, t, w);
-	}, O = () => {
-		y(!1), b.resetFields(), C.current = !0;
+		u.setAttribute("href", f), u.setAttribute("download", `${(/* @__PURE__ */ new Date()).getTime()}.csv`), u.style.visibility = "hidden", window.document.body.appendChild(u), u.click(), window.document.body.removeChild(u), b(!1), x.resetFields();
+	}, E = () => {
+		w.current = !1, b(!0);
+	}, O = async () => {
+		let { from: e, size: t } = await x.validateFields();
+		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;
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center justify-between p-8px",
 		children: [
 			/* @__PURE__ */ jsxs(Space.Compact, { children: [
-				p && /* @__PURE__ */ jsx(Button, {
+				m && /* @__PURE__ */ jsx(Button, {
 					className: "flex-shrink-0",
 					icon: /* @__PURE__ */ jsx(PanelLeftOpen, { className: "w-14px h-14px" }),
 					onClick: () => {
@@ -21188,7 +21060,7 @@ function ResultHeader(e) {
 						});
 					}
 				}),
-				m && /* @__PURE__ */ jsx(Button, {
+				g && /* @__PURE__ */ jsx(Button, {
 					className: "flex-shrink-0",
 					icon: n.histogram ? /* @__PURE__ */ jsx(PanelTopOpen, { className: "w-14px h-14px" }) : /* @__PURE__ */ jsx(PanelTopClose, { className: "w-14px h-14px" }),
 					onClick: () => {
@@ -21202,7 +21074,7 @@ function ResultHeader(e) {
 					className: "flex-shrink-0",
 					icon: /* @__PURE__ */ jsx(Download, { className: "w-14px h-14px" }),
 					onClick: () => {
-						T();
+						E();
 					}
 				})
 			] }),
@@ -21212,32 +21084,32 @@ function ResultHeader(e) {
 				...s || {}
 			}),
 			/* @__PURE__ */ jsx(Modal, {
-				title: S.title || "Export search as CSV",
+				title: C.title || `Export search as CSV (max: ${p})`,
 				closable: !0,
-				open: g,
-				onOk: E,
-				onCancel: O,
+				open: y,
+				onOk: O,
+				onCancel: A,
 				destroyOnHidden: !0,
 				okButtonProps: { loading: f },
 				children: /* @__PURE__ */ jsxs(Form, {
-					form: b,
+					form: x,
 					layout: "vertical",
 					className: "mt-24px",
 					initialValues: {
-						from: 1,
+						from: 0,
 						size: 20
 					},
 					children: [/* @__PURE__ */ jsx(Form.Item, {
-						label: S.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: S.size || "Size",
+						label: "Size",
 						name: "size",
 						required: !0,
 						children: /* @__PURE__ */ jsx(InputNumber, {
@@ -51659,7 +51531,7 @@ 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 } = e, [b, x] = 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
 	}), [S, C] = useState(() => getTimezone()), [w, T] = useState({
@@ -51679,18 +51551,18 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 		aggregations: { counts: { buckets: [] } }
 	}), 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 [O, A] = useState({
-		columns: u.columns || ["_source"],
+		columns: s.columns || ["_source"],
 		interval: "15s",
-		sort: u.sort || []
+		sort: s.sort || []
 	}), M = {
 		type: "string",
 		field: "",
@@ -51717,18 +51589,18 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 		} })), e;
 	}, [t]), [R, z] = React.useState(0), B = O.columns, V = useCallback(async (e) => {
 		if (!t || !o) return;
-		K("loading"), e?.isScrollLoad || z(0);
+		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) : E.current = t);
 		}
-		let { index: s, body: p } = i, m = await o(s, p);
+		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,
@@ -51747,7 +51619,7 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 		N,
 		R,
 		t?.timeFieldName,
-		u
+		s
 	]);
 	useEffect(() => {
 		R > 0 && V({
@@ -51827,7 +51699,7 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 		O.interval
 	]);
 	useEffect(() => {
-		f((e) => ({
+		u((e) => ({
 			...e,
 			columns: O.columns
 		}));
@@ -51843,76 +51715,76 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			sort: []
 		}), V({ sort: [] });
 	}, [t]);
-	let { onAddColumn: JZ, onRemoveColumn: YZ, onMoveColumn: XZ, onSetColumns: ZZ } = useMemo(() => getStateColumnActions({
+	let { onAddColumn: BZ, onRemoveColumn: VZ, onMoveColumn: HZ, onSetColumns: UZ } = useMemo(() => getStateColumnActions({
 		indexPattern: t,
 		setAppState: A,
 		state: O,
 		useNewFieldsApi: !1
-	}), [t, O]), QZ = useCallback((e) => {
+	}), [t, O]), WZ = useCallback((e) => {
 		A({
 			...O,
 			sort: e
 		}), V({ sort: e.reverse() });
-	}, [O, t]), $Z = useCallback((e, n, i) => {
+	}, [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), V();
-	}, [t, V]), eQ = useCallback((e) => {
+	}, [t, V]), KZ = useCallback((e) => {
 		timefilter.setTime({
 			from: moment_default(e.from).toISOString(),
 			to: moment_default(e.to).toISOString(),
 			mode: "absolute"
 		}), V();
-	}, [timefilter]), tQ = w.hits.hits || [], [Q, nQ] = useState([]);
+	}, [timefilter]), qZ = w.hits.hits || [], [Q, JZ] = useState([]);
 	useMemo(() => {
-		tQ.length > 0 ? nQ(R > 0 ? (e) => [...e, ...tQ] : tQ) : R === 0 && nQ([]);
-	}, [tQ]);
-	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 Q) for (let n of Object.keys(t.flattenHit(e, !0))) iQ[n] = (iQ[n] || 0) + 1;
-	let aQ = Number.isInteger(w.hits.total?.value) ? w.hits.total?.value : 0, oQ = t?.timeFieldName != "", sQ = useCallback(async ({ _index: e, _id: t, _type: n, _source: i, is_new: a }) => !1, [V]), cQ = useCallback(async ({ _index: e, _id: t, _type: n }) => !1, [V]), 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, O.interval, O.sort, s, N || {}, 0, !0, 0), p = f?.body?.query?.bool?.filter || [];
+		}, 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) => {
+	}, rQ = async (e) => {
 		L.unsubscribe(), t.timeFieldName = e, n(t);
 		let i = [[e, "desc"]];
 		A({
@@ -51920,20 +51792,20 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			columns: ["_source"],
 			sort: i
 		}), V({ sort: i });
-	}, fQ = async (e, n, i) => {
+	}, iQ = async (e, n, i) => {
 		if (!o) return;
 		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("none");
+		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: "",
@@ -51944,7 +51816,7 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			filterManager,
 			query: {
 				language: "kuery",
-				query: u.query || ""
+				query: s.query || ""
 			},
 			queryStringManager,
 			queryString: queryStringManager,
@@ -51952,16 +51824,16 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 			storage,
 			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) => {
 				L.unsubscribe(), i(e);
 			},
 			indices: e.indices,
 			histogramData: J,
-			timefilterUpdateHandler: eQ,
-			histogramOpts: rQ,
+			timefilterUpdateHandler: KZ,
+			histogramOpts: YZ,
 			timeSetting: {
 				...Z || {},
 				showTimeSetting: !0,
@@ -51975,102 +51847,107 @@ var SidebarMemoized = React.memo(DiscoverSidebar), { filterManager, queryStringM
 					value: t
 				})),
 				onTimeSettingChange: ({ timeField: e, timeInterval: n }) => {
-					t.timeFieldName !== e && dQ(e), Z?.stateInterval !== n && U(n);
+					t.timeFieldName !== e && rQ(e), Z?.stateInterval !== n && U(n);
 				},
 				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: G === "none" && R === 0 ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(DiscoverNoResults, {
-				timeFieldName: rQ.timefield,
-				queryLanguage: O.query?.language || "",
-				range: u.range
-			}) }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [!b.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: B,
-					fieldCounts: iQ,
-					hits: Q,
-					indexPatterns: [t],
-					onAddField: JZ,
-					onAddFilter: $Z,
-					onRemoveField: YZ,
-					selectedIndexPattern: t,
-					setIndexPattern: () => {},
-					setAppState: A,
-					state: O,
-					distinctParams: N,
-					onDistinctParamsChange: F,
-					total: aQ,
-					onFieldAgg: uQ,
-					whetherToSample: u.whetherToSample,
-					sampleSize: u.sampleSize,
-					topNumber: u.topNumber,
-					onCollapseToggle: () => {
-						x((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: G !== "loading" && G !== "downloading" ? "none" : "" },
-						children: /* @__PURE__ */ jsx("div", {
-							className: "dscOverlay",
-							children: /* @__PURE__ */ jsx(LoadingSpinner, {})
-						})
-					}),
-					/* @__PURE__ */ jsx(ResultHeader, {
-						showCollapse: {
-							sideBar: !0,
-							histogram: !!J
-						},
-						collapseState: b,
-						setCollapseState: x,
-						took: w.took || 1,
-						total: aQ,
-						timeChartProps: Z,
-						onDownloadQuery: fQ,
-						downloading: G === "downloading"
-					}),
-					!b.histogram && rQ.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: eQ,
-								theme: g
-							})
-						})
-					}),
-					Q && Q.length > 0 ? /* @__PURE__ */ jsx(table_default, {
+			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,
-						sortOrder: O.sort || [],
-						indexPattern: t,
-						onFilter: $Z,
-						onRemoveColumn: YZ,
-						onMoveColumn: XZ,
-						onAddColumn: JZ,
-						onChangeSortOrder: QZ,
-						document: lQ,
+						fieldCounts: XZ,
 						hits: Q,
-						hitsTotal: aQ,
-						queryFrom: R,
-						setQueryFrom: z,
-						scrollableTarget: s,
-						theme: g
-					}) : null
-				]
-			})] })
+						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, {})
+							})
+						}),
+						/* @__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, {
@@ -52080,7 +51957,7 @@ 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 = {} } = e, [y, b] = useState(), x = 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
 	}), S = async (e, t) => {
@@ -52091,7 +51968,7 @@ var components_default = (e) => {
 		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
 		})), b(n);
@@ -52102,30 +51979,30 @@ var components_default = (e) => {
 		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 && S(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(() => {
 		x.current = {
 			pendingIndex: null,
 			loadedIndex: null
 		};
 	}, [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: g },
+		value: { i18n: m },
 		children: /* @__PURE__ */ jsx(Discover, {
 			indices: n,
 			indexPattern: y,
 			setIndexPattern: b,
 			onIndexPatternChange: S,
 			onSearch: a,
-			scrollableTarget: s,
-			queryParams: u,
-			setQueryParams: f,
-			locale: p,
-			theme: m
+			queryParams: s,
+			setQueryParams: u,
+			locale: f,
+			theme: p,
+			exportMaxSize: g
 		})
 	});
 };