From 7dee74fdf5b7270590b8724ba76298883a6e3561 Mon Sep 17 00:00:00 2001
From: ShimaginAndrey <andrey.shimagin@onlyoffice.com>
Date: Sun, 12 Sep 2021 17:13:38 +0300
Subject: [PATCH] [SSE] Add ref filter

---
 .../mobile/src/controller/FilterOptions.jsx    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx b/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
index 5d76d6be8..2d3cd2bd8 100644
--- a/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
+++ b/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect,useState } from 'react';
+import React, { useEffect,useRef,useState } from 'react';
 import FilterView from '../../src/view/FilterOptions';
 import { f7,Sheet,Popover } from 'framework7-react';
 import { Device } from '../../../../common/mobile/utils/device';
@@ -7,12 +7,12 @@ import { useTranslation } from 'react-i18next';
 const FilterOptionsController = () => {
     const { t } = useTranslation();
     const _t = t('View.Edit', {returnObjects: true});
+    const configRef = useRef();
 
-    const [configFilter, setConfig] = useState(null);
     const [listVal, setListValue] = useState([]);
     const [isValid, setIsValid] = useState(null);
     const [checkSort, setCheckSort] = useState('');
-    
+
     useEffect(() => {
         function onDocumentReady()  {
             const api = Common.EditorApi.get();
@@ -34,7 +34,7 @@ const FilterOptionsController = () => {
 
     const onApiFilterOptions= (config) => {
         setDataFilterCells(config);
-        setConfig(config);
+        configRef.current = config;
         
         setCheckSort((config.asc_getSortState() === Asc.c_oAscSortOptions.Ascending ? 'down' : '') || 
         (config.asc_getSortState() === Asc.c_oAscSortOptions.Descending ? 'up' : ''));
@@ -54,7 +54,7 @@ const FilterOptionsController = () => {
 
     const onSort = (type) => {
         const api = Common.EditorApi.get();
-        api.asc_sortColFilter(type == 'sortdown' ? Asc.c_oAscSortOptions.Ascending : Asc.c_oAscSortOptions.Descending, configFilter.asc_getCellId(), configFilter.asc_getDisplayName());
+        api.asc_sortColFilter(type == 'sortdown' ? Asc.c_oAscSortOptions.Ascending : Asc.c_oAscSortOptions.Descending, configRef.current.asc_getCellId(), configRef.current.asc_getDisplayName());
         f7.sheet.close('.picker__sheet');
         f7.popover.close('#picker-popover');
     };
@@ -111,15 +111,15 @@ const FilterOptionsController = () => {
         setListValue([...listVal]);
 
         if ( listVal.some(item => item.check) ) {
-            configFilter.asc_getValues().forEach(
+            configRef.current.asc_getValues().forEach(
                 (item, index) => item.asc_setVisible(listVal[index].check)
             );
 
-            configFilter.asc_getFilterObj().asc_setType(Asc.c_oAscAutoFilterTypes.Filters);
-            api.asc_applyAutoFilter(configFilter);
+            configRef.current.asc_getFilterObj().asc_setType(Asc.c_oAscAutoFilterTypes.Filters);
+            api.asc_applyAutoFilter(configRef.current);
         }
 
-        setClearDisable(configFilter);
+        setClearDisable(configRef.current);
     };
 
     return (