ydb-embedded-ui 3.2.1 → 3.2.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.2.3](https://github.com/ydb-platform/ydb-embedded-ui/compare/v3.2.2...v3.2.3) (2023-01-16)
+
+
+### Bug Fixes
+
+* fix crash on invalid search query ([4d6f551](https://github.com/ydb-platform/ydb-embedded-ui/commit/4d6f551fa4348a05ca3d8d2d6bd8b52ccb6310ee))
+
+## [3.2.2](https://github.com/ydb-platform/ydb-embedded-ui/compare/v3.2.1...v3.2.2) (2023-01-13)
+
+
+### Bug Fixes
+
+* **Tablets:** fix infinite rerender ([79b3c58](https://github.com/ydb-platform/ydb-embedded-ui/commit/79b3c58fb7c3ff7f123e111189b10f42c5272401))
+
 ## [3.2.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v3.2.0...v3.2.1) (2023-01-12)
 
 

package/dist/containers/Nodes/Nodes.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
 import {connect} from 'react-redux';
+import {escapeRegExp} from 'lodash/fp';
 
 import DataTable from '@yandex-cloud/react-data-table';
 import {Loader, TextInput, Label} from '@gravity-ui/uikit';
@@ -126,7 +127,7 @@ class Nodes extends React.Component {
 
         let preparedNodes = searchQuery
             ? nodes.filter((node) => {
-                  const re = new RegExp(searchQuery, 'i');
+                  const re = new RegExp(escapeRegExp(searchQuery), 'i');
                   return node.Host ? re.test(node.Host) || re.test(String(node.NodeId)) : true;
               })
             : nodes;

package/dist/containers/Tablets/Tablets.tsx

@@ -1,4 +1,4 @@
-import {useCallback, useEffect, useState} from 'react';
+import {useCallback, useEffect, useMemo, useState} from 'react';
 import {useDispatch} from 'react-redux';
 import cn from 'bem-cn-lite';
 import ReactList from 'react-list';
@@ -45,7 +45,7 @@ export const Tablets = ({path, nodeId, className}: TabletsProps) => {
     } = useTypedSelector((state) => state.tablets);
     const {autorefresh} = useTypedSelector((state) => state.schema);
 
-    const {TabletStateInfo: tablets = []} = data;
+    const tablets = useMemo(() => data?.TabletStateInfo || [], [data]);
 
     const fetchData = useCallback(
         (isBackground) => {

package/dist/containers/Tenant/Diagnostics/Consumers/Consumers.tsx

@@ -1,6 +1,7 @@
 import {useCallback, useEffect, useState} from 'react';
 import {useDispatch} from 'react-redux';
 import block from 'bem-cn-lite';
+import { escapeRegExp } from 'lodash/fp';
 
 import DataTable, {Column} from '@yandex-cloud/react-data-table';
 
@@ -73,7 +74,7 @@ export const Consumers = ({path, type}: ConsumersProps) => {
     const filterConsumersByName = (search: string) => {
         const filteredConsumers = search
             ? consumers.filter((consumer) => {
-                  const re = new RegExp(search, 'i');
+                  const re = new RegExp(escapeRegExp(search), 'i');
                   return re.test(consumer.name);
               })
             : consumers;

package/dist/containers/Tenants/Tenants.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import cn from 'bem-cn-lite';
 import {connect} from 'react-redux';
 import _ from 'lodash';
+import {escapeRegExp} from 'lodash/fp';
 
 import DataTable from '@yandex-cloud/react-data-table';
 import {Loader, TextInput, Button} from '@gravity-ui/uikit';
@@ -125,7 +126,7 @@ class Tenants extends React.Component {
         } = this.props;
 
         const filteredTenantsBySearch = tenants.filter((item) => {
-            const re = new RegExp(searchQuery, 'i');
+            const re = new RegExp(escapeRegExp(searchQuery), 'i');
             return re.test(item.Name) || re.test(this.getControlPlaneValue(item));
         });
         const filteredTenants = Tenants.filterTenants(filteredTenantsBySearch, filter);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "files": [
     "dist"
   ],