CardView: disable FilterSync feature (#30166)

Author: wdevfx

e2e/testcafe-devextreme/tests/cardView/filterSync/api.functional.ts

@@ -2,7 +2,8 @@ import CardView from 'devextreme-testcafe-models/cardView';
 import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
 
-fixture.disablePageReloads`CardView - FilterSync API`
+// NOTE: Skip tests because FilterSync feature disabled
+fixture.skip`CardView - FilterSync API`
   .page(url(__dirname, '../../container.html'));
 
 const baseConfig = {

packages/devextreme-angular/src/ui/card-view/index.ts

@@ -363,16 +363,6 @@ export class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponen
 
 
 
-    @Input()
-    get filterSyncEnabled(): boolean | Mode {
-        return this._getOption('filterSyncEnabled');
-    }
-    set filterSyncEnabled(value: boolean | Mode) {
-        this._setOption('filterSyncEnabled', value);
-    }
-
-
-    
     @Input()
     get filterValue(): Array<any> | Function | string {
         return this._getOption('filterValue');
@@ -1015,13 +1005,6 @@ export class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponen
      */
     @Output() filterPanelChange: EventEmitter<FilterPanel>;
 
-    /**
-    
-     * This member supports the internal infrastructure and is not intended to be used directly from your code.
-    
-     */
-    @Output() filterSyncEnabledChange: EventEmitter<boolean | Mode>;
-
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -1274,7 +1257,6 @@ export class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponen
             { emit: 'filterBuilderChange' },
             { emit: 'filterBuilderPopupChange' },
             { emit: 'filterPanelChange' },
-            { emit: 'filterSyncEnabledChange' },
             { emit: 'filterValueChange' },
             { emit: 'focusStateEnabledChange' },
             { emit: 'headerFilterChange' },

packages/devextreme-vue/src/card-view.ts

@@ -219,7 +219,6 @@ type AccessibleOptions = Pick<Properties,
   "filterBuilder" |
   "filterBuilderPopup" |
   "filterPanel" |
-  "filterSyncEnabled" |
   "filterValue" |
   "focusStateEnabled" |
   "headerFilter" |
@@ -305,7 +304,6 @@ const componentConfig = {
     filterBuilder: Object as PropType<dxFilterBuilderOptions | Record<string, any>>,
     filterBuilderPopup: Object as PropType<Record<string, any>>,
     filterPanel: Object as PropType<FilterPanel>,
-    filterSyncEnabled: [Boolean, String] as PropType<boolean | Mode>,
     filterValue: [Array, Function, String] as PropType<Array<any> | ((() => any)) | string>,
     focusStateEnabled: Boolean,
     headerFilter: Object as PropType<HeaderFilter | Record<string, any>>,
@@ -387,7 +385,6 @@ const componentConfig = {
     "update:filterBuilder": null,
     "update:filterBuilderPopup": null,
     "update:filterPanel": null,
-    "update:filterSyncEnabled": null,
     "update:filterValue": null,
     "update:focusStateEnabled": null,
     "update:headerFilter": null,

packages/devextreme/js/__internal/grids/new/grid_core/filtering/filter_controller.ts

@@ -29,7 +29,7 @@ export class FilterController {
 
   public readonly filterBuilderOptions = this.options.twoWay('filterBuilder');
 
-  public readonly filterSyncEnabledOption = this.options.oneWay('filterSyncEnabled');
+  public readonly filterSyncEnabledOption = this.options.oneWay('_filterSyncEnabled');
 
   public static dependencies = [
     OptionsController,

packages/devextreme/js/__internal/grids/new/grid_core/filtering/filter_sync/controller.integration.test.ts

@@ -118,7 +118,8 @@ const TEST_CASES_GROUPS: TestCasesGroup[] = [
   },
 ];
 
-describe('FilterSync', () => {
+// NOTE: Skip tests because FilterSync feature disabled
+describe.skip('FilterSync', () => {
   TEST_CASES_GROUPS.forEach(({
     groupName,
     dataSource,

packages/devextreme/js/__internal/grids/new/grid_core/filtering/filter_sync/options.ts

@@ -1,9 +1,10 @@
 import type { Mode } from '@js/common';
 
 export interface Options {
-  filterSyncEnabled?: boolean | Mode;
+  // NOTE: Underscore for option name because FilterSync feature disabled
+  _filterSyncEnabled?: boolean | Mode;
 }
 
 export const defaultOptions: Options = {
-  filterSyncEnabled: 'auto',
+  _filterSyncEnabled: false,
 };

packages/devextreme/js/__internal/grids/new/grid_core/filtering/header_filter/options.integration.test.ts

@@ -272,7 +272,8 @@ describe('Options', () => {
       expect(popupContentElement).toMatchSnapshot();
     });
 
-    it.each<{
+    // NOTE: Skip test because FilterSync feature disabled
+    it.skip.each<{
       filterValue: Filter; result: number;
     }>([
       {
@@ -290,7 +291,7 @@ describe('Options', () => {
         headerFilter: {
           visible: true,
         },
-        filterSyncEnabled: true,
+        _filterSyncEnabled: true,
         filterPanel: { visible: true },
       });
 

packages/devextreme/js/ui/card_view.d.ts

@@ -1474,12 +1474,6 @@ export interface dxCardViewOptions<TCardData = unknown, TKey = unknown> extends
      */
     sorting?: Sorting;
 
-    /**
-     * @docid
-     * @default "auto"
-     * @public
-     */
-    filterSyncEnabled?: boolean | Mode;
     /**
      * @docid
      * @type Filter expression

packages/devextreme/ts/dx.all.d.ts

@@ -10791,10 +10791,6 @@ declare module DevExpress.ui {
      */
     sorting?: DevExpress.common.grids.Sorting;
 
-    /**
-     * [descr:dxCardViewOptions.filterSyncEnabled]
-     */
-    filterSyncEnabled?: boolean | DevExpress.common.Mode;
     /**
      * [descr:dxCardViewOptions.filterValue]
      */