ColorBox: fix invalid value setting error (T1274477) (DevExpress#29043)

Co-authored-by: Ruslan Farkhutdinov <[email protected]>

Author: r-farkhutdinov

packages/devextreme/js/__internal/ui/color_box/m_color_box.ts

@@ -320,8 +320,7 @@ const ColorBox = (DropDownEditor as any).inherit({
   },
 
   _optionChanged(args) {
-    const { value } = args;
-    const { name } = args;
+    const { name, value } = args;
 
     switch (name) {
       case 'value':

packages/devextreme/js/__internal/ui/color_box/m_color_view.ts

@@ -884,7 +884,7 @@ const ColorView = (Editor as any).inherit({
         }
 
         this._updateByDrag = false;
-        this.callBase(args);
+        this.callBase({ ...args, value: this.option('value') });
         break;
       case 'matchValue':
         this._setBaseColor(value);

packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/colorBox.tests.js

@@ -500,6 +500,21 @@ QUnit.module('Color Box', {
         assert.equal(colorBox.option('value'), 'rgba(100, 0, 0, 1)');
     });
 
+    QUnit.test('In "instantly" mode value should not throw an error when invalid value is set (T1274981)', function(assert) {
+        try {
+            const colorBox = showColorBox.call(this, {
+                applyValueMode: 'instantly',
+            }).dxColorBox('instance');
+
+            colorBox.option('value', 'invalid');
+            assert.strictEqual(colorBox.option('value'), '#000000');
+
+            assert.ok(true, 'no errors');
+        } catch(e) {
+            assert.ok(false, `The '${e.message}' is raised`);
+        }
+    });
+
 
     QUnit.test('Option changes', function(assert) {
         const colorBox = showColorBox.call(this).dxColorBox('instance');