From d51541a4060e3d951d5362f6e29c37e061fe9705 Mon Sep 17 00:00:00 2001
From: novykh <ioannis.klironomos@gmail.com>
Date: Wed, 12 Jun 2024 14:14:09 +0300
Subject: [PATCH] v5.1.4

---
 package.json                  | 2 +-
 src/components/table/index.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index c501d238..a31c4ca8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/charts",
-  "version": "5.1.3",
+  "version": "5.1.4",
   "description": "Netdata frontend SDK and chart utilities",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",
diff --git a/src/components/table/index.js b/src/components/table/index.js
index 2639300c..609f3814 100644
--- a/src/components/table/index.js
+++ b/src/components/table/index.js
@@ -5,6 +5,7 @@ import difference from "lodash/difference"
 import { Table } from "@netdata/netdata-ui"
 import useHover from "@/components/useHover"
 import ChartContainer from "@/components/chartContainer"
+import useDebouncedValue from "@netdata/netdata-ui/dist/hooks/useDebouncedValue"
 import { useChart, useDimensionIds, useAttributeValue } from "@/components/provider"
 import withChart from "@/components/hocs/withChart"
 import { ChartWrapper } from "@/components/hocs/withTile"
@@ -168,13 +169,15 @@ const Dimensions = () => {
     }, [])
   }, [searchQuery, rowGroups, hover])
 
+  const debouncedData = useDebouncedValue(data, 300)
+
   return (
     <Table
       ref={hoverRef}
       enableSorting
       enableColumnVisibility
       dataColumns={columns}
-      data={data}
+      data={debouncedData || data}
       enableCustomSearch
       // onRowSelected={onItemClick}
       // onSearch={noop}