Collection: make user options separate for each instance (#31632)

Author: pharret31

packages/devextreme/js/__internal/ui/collection/collection_widget.edit.ts

@@ -74,7 +74,9 @@ class CollectionWidget<
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   TKey extends CollectionItemKey = any,
 > extends BaseCollectionWidget<TProperties, TItem, TKey> {
-  static _userOptions = {};
+  static _initUserOptions?: Record<string, unknown> = {};
+
+  _userOptions?: Record<string, unknown>;
 
   // @ts-expect-error TItem
   _selection!: Selection<TItem, TKey, false>;
@@ -92,7 +94,7 @@ class CollectionWidget<
   _keyGetter!: (item: TItem) => TKey;
 
   constructor(element: Element, options?: Record<string, unknown>) {
-    CollectionWidget._userOptions = options ?? {};
+    CollectionWidget._initUserOptions = options ?? {};
     // @ts-expect-error
     super(element, options);
   }
@@ -125,6 +127,9 @@ class CollectionWidget<
   }
 
   _init(): void {
+    this._userOptions = { ...CollectionWidget._initUserOptions };
+    CollectionWidget._initUserOptions = undefined;
+
     this._initEditStrategy();
 
     super._init();
@@ -429,7 +434,7 @@ class CollectionWidget<
       const { [name]: optionValue } = this.option();
       const length = isDefined(optionValue) && Array.isArray(optionValue) && optionValue.length;
 
-      return !!length || name in CollectionWidget._userOptions;
+      return !!length || name in (this._userOptions ?? {});
     };
 
     if (isOptionDefined('selectedItems')) {

packages/devextreme/testing/tests/DevExpress.ui/collectionWidgetParts/editingTests.js

@@ -2823,3 +2823,40 @@ module('internal methods', () => {
         assert.strictEqual(getCallSpy.callCount, 0);
     });
 });
+
+module('construction and initialization', {
+    beforeEach: function() {
+        this.element = document.createElement('div');
+    },
+    afterEach: function() {
+        TestComponent._initUserOptions = undefined;
+    }
+});
+
+test('passed options should be properly written in the non-static class field', function(assert) {
+    const testOptions = {
+        items: [1, 2, 3],
+        selectedIndex: 0,
+        customProp: 'test'
+    };
+
+    const widget = new TestComponent(this.element, testOptions);
+
+    assert.deepEqual(
+        widget._userOptions,
+        testOptions,
+        '_userOptions should contain passed options'
+    );
+});
+
+test('_initUserOptions static field should be cleared after init', function(assert) {
+    const testOptions = { items: [1, 2, 3] };
+
+    new TestComponent(this.element, testOptions);
+
+    assert.strictEqual(
+        TestComponent._initUserOptions,
+        undefined,
+        'static _initUserOptions should be cleared after widget initialization'
+    );
+});