fix: Removed RegExp for strings match

Author: praveen5959

src/pages/Stream/Views/Explore/JSONView.tsx

@@ -35,13 +35,8 @@ const { setInstantSearchValue, applyInstantSearch, applyJqSearch, setRowNumber,
 const Item = (props: { header: string | null; value: string; highlight: boolean }) => {
 	return (
 		<span className={classes.itemContainer}>
-			{props.header && (
-				<span style={{ background: props.highlight ? 'yellow' : 'transparent' }} className={classes.itemHeader}>
-					{props.header}:{' '}
-				</span>
-			)}
-			<span className={classes.itemValue}>
-				<span style={{ background: props.highlight ? 'yellow' : 'transparent' }}>{props.value}</span>{' '}
+			<span style={{ background: props.highlight ? 'yellow' : 'transparent' }} className={classes.itemHeader}>
+				{props.header}: {props.value}
 			</span>
 		</span>
 	);
@@ -145,13 +140,12 @@ const Row = (props: {
 const JsonRows = (props: { isSearching: boolean; setContextMenu: any }) => {
 	const [{ pageData, instantSearchValue, rowNumber }, setLogsStore] = useLogsStore((store) => store.tableOpts);
 	const disableHighlight = props.isSearching || _.isEmpty(instantSearchValue) || isJqSearch(instantSearchValue);
-	const regExp = disableHighlight ? null : new RegExp(instantSearchValue, 'i');
 
 	const shouldHighlight = useCallback(
 		(header: string | null, val: number | string | Date | null) => {
-			return !!regExp?.test(_.toString(val)) || !!regExp?.test(_.toString(header));
+			return String(val).includes(instantSearchValue) || String(header).includes(instantSearchValue);
 		},
-		[regExp],
+		[instantSearchValue],
 	);
 
 	const handleRowClick = (index: number, event: React.MouseEvent) => {

src/pages/Stream/providers/LogsProvider.tsx

@@ -504,7 +504,6 @@ const filterAndSortData = (
 
 const searchAndSortData = (opts: { searchValue: string }, data: Log[]) => {
 	const { searchValue } = opts;
-	const regExp = new RegExp(searchValue, 'i');
 	const filteredData = _.isEmpty(searchValue)
 		? data
 		: (_.reduce(
@@ -515,7 +514,10 @@ const searchAndSortData = (opts: { searchValue: string }, data: Log[]) => {
 						.map(([key, value]) => [key, _.toString(value)])
 						.value();
 
-					const doesMatch = _.some(allValues, ([key, value]) => regExp.test(key) || regExp.test(value));
+					const doesMatch = _.some(
+						allValues,
+						([key, value]) => key.includes(searchValue) || value.includes(searchValue),
+					);
 
 					return doesMatch ? [...acc, d] : acc;
 				},