CardView - column chooser - fix selection mode (#30033)

Author: pomahtri

packages/devextreme/js/__internal/grids/new/card_view/main_view.tsx

@@ -98,6 +98,12 @@ function MainViewComponent({
 export class MainView extends View<MainViewProps> {
   protected override component = MainViewComponent;
 
+  private readonly config = computed(() => ({
+    rtlEnabled: this.options.oneWay('rtlEnabled').value,
+    disabled: this.options.oneWay('disabled').value,
+    templatesRenderAsynchronously: this.options.oneWay('templatesRenderAsynchronously').value,
+  }));
+
   public static dependencies = [
     ContentView,
     PagerView,
@@ -143,11 +149,7 @@ export class MainView extends View<MainViewProps> {
       ColumnChooser: this.columnsChooser.asInferno(),
       EditPopup: this.editPopup.asInferno(),
       ContextMenu: this.contextMenu.asInferno(),
-      config: {
-        rtlEnabled: this.options.oneWay('rtlEnabled').value,
-        disabled: this.options.oneWay('disabled').value,
-        templatesRenderAsynchronously: this.options.oneWay('templatesRenderAsynchronously').value,
-      },
+      config: this.config.value,
       rootElementRef: { current: this.root! },
       onKeyDown: (event: KeyboardEvent): void => {
         this.keyboardNavigation.onKeyDown(event);

packages/devextreme/js/__internal/grids/new/grid_core/column_chooser/controller.ts

@@ -67,7 +67,10 @@ export class ColumnChooserController {
         const skip = !canHide && !node.selected;
 
         if (!skip) {
-          columns[columnIndex].visible = node.selected;
+          columns[columnIndex] = {
+            ...columns[columnIndex],
+            visible: node.selected,
+          };
         }
       }
 

packages/devextreme/js/__internal/grids/new/grid_core/core/view.tsx

@@ -6,7 +6,8 @@
 import type { ReadonlySignal } from '@preact/signals-core';
 import { effect } from '@preact/signals-core';
 import { infernoRenderer } from '@ts/core/m_inferno_renderer';
-import { Component, type ComponentType } from 'inferno';
+import { BaseInfernoComponent } from '@ts/core/r1/runtime/inferno/base_component';
+import { type ComponentType } from 'inferno';
 
 export abstract class View<T extends {}> {
   private inferno: undefined | ComponentType;
@@ -48,7 +49,7 @@ export abstract class View<T extends {}> {
       props: T;
     }
 
-    return class InfernoView extends Component<{}, State> {
+    return class InfernoView extends BaseInfernoComponent<{}, State> {
       private readonly subscription: () => void;
 
       constructor() {