Update React

Author: AlisherAmonulloev

React/package-lock.json

@@ -6,7 +6,7 @@ import './App.css';
 import ArrayStore from 'devextreme/data/array_store';
 import { type DataSourceOptions } from 'devextreme-react/common/data';
 import service, { type City, type Employee } from './data';
-import MultipleDropDownBox from './components/MultipleDropDownBox';
+import MultipleDropDownBox from './components/MultipleDropDownBox.tsx';
 
 const dataSource: Employee[] = service.getEmployees();
 
@@ -20,9 +20,9 @@ const citiesStore = new ArrayStore({
   key: 'ID',
 });
 
-function getFilteredCities(cellInfo: DataGridTypes.ColumnEditCellTemplateData<Employee, number>, citiesStore: ArrayStore): DataSourceOptions {
+function getFilteredCities(cellInfo: DataGridTypes.ColumnEditCellTemplateData<Employee, number>, store: ArrayStore): DataSourceOptions {
   return {
-    store: citiesStore,
+    store,
     filter: (data: City) => (cellInfo.data?.StateID && cellInfo.data?.StateID?.length > 0
       ? cellInfo.data?.StateID.includes(data.StateID)
       : true),
@@ -45,13 +45,12 @@ function arrayCellTemplate(container: HTMLElement, options: DataGridTypes.Column
 
 function renderMultipleDropDownBox(
   currentValue: number[],
-  // eslint-disable-next-line no-unused-vars
   setValue: (value: number[]) => void,
-  dataSource: ArrayStore | DataSourceOptions,
+  dropDownDataSource: ArrayStore | DataSourceOptions,
 ): JSX.Element {
   return (
     <MultipleDropDownBox
-      dataSource={dataSource}
+      dataSource={dropDownDataSource}
       value={currentValue}
       setValue={setValue}
     />

React/src/App.tsx

@@ -8,7 +8,6 @@ type DropDownBoxAction =
 
 interface DropDownBoxSaveProps {
   selectedKeys: number[];
-  // eslint-disable-next-line no-unused-vars
   setCellValue: (value: number[]) => void;
   setState: React.Dispatch<DropDownBoxAction>;
 }

React/src/components/DropDownBoxSave.tsx

@@ -2,12 +2,11 @@ import React, { useCallback, useMemo, useReducer } from 'react';
 import DataGrid, { Column, Selection, type DataGridTypes } from 'devextreme-react/data-grid';
 import DropDownBox from 'devextreme-react/drop-down-box';
 import type { ArrayStore, DataSourceOptions } from 'devextreme-react/common/data';
-import DropDownBoxSave from './DropDownBoxSave';
+import DropDownBoxSave from './DropDownBoxSave.tsx';
 
 interface MultipleDropDownBoxProps {
   value: number[];
   dataSource: DataSourceOptions | ArrayStore;
-  // eslint-disable-next-line no-unused-vars
   setValue: (newValue: number[]) => void;
 }