Add possibility to skip option roll back (T1037806) (#625)

* Add possibility to skip option roll back (T1037806)

* Fix typo

Co-authored-by: volkov.vladislav <[email protected]>

Author: alexanderPolosatov

packages/devextreme-react/src/core/__tests__/props-updating.test.tsx

@@ -285,6 +285,24 @@ describe('option control', () => {
     expect(Widget.option.mock.calls[0]).toEqual(['complexOption', { a: 123, b: 234 }]);
   });
 
+  // T1037806
+  it('no rolls back option. skipOptionsRollBack = true', () => {
+    render(
+      <ControlledComponent complexOption={{ a: 123, b: 234 }} />,
+    );
+
+    try {
+      Widget.skipOptionsRollBack = true;
+
+      fireOptionChange('complexOption', {});
+      jest.runAllTimers();
+
+      expect(Widget.option.mock.calls.length).toBe(0);
+    } finally {
+      Widget.skipOptionsRollBack = false;
+    }
+  });
+
   it('rolls back complex option controlled field', () => {
     render(
       <ControlledComponent complexOption={{ a: 123 }} />,

packages/devextreme-react/src/core/__tests__/test-component.ts

@@ -19,6 +19,7 @@ const Widget = {
     eventHandlers[event] = eventHandlers[event].filter((e) => e !== handler);
   },
   dispose: jest.fn(),
+  skipOptionsRollBack: false,
 };
 
 const WidgetClass = jest.fn(() => Widget);

packages/devextreme-react/src/core/options-manager.ts

@@ -147,7 +147,7 @@ class OptionsManager {
         && e.value instanceof Object
         && shallowEquals(value as Record<string, unknown>, e.value as Record<string, unknown>);
 
-      if (valuesAreEqual || valuesAreEqualObjects) {
+      if (valuesAreEqual || valuesAreEqualObjects || this.instance.skipOptionsRollBack) {
         return;
       }