Collection and DDLists - hide SelectionChanging event (#28131)

Co-authored-by: Mikhail Preyskurantov <5574159+mpreyskurantov@users.noreply.github.com>

packages/devextreme-angular/src/ui/autocomplete/index.ts

@@ -27,7 +27,7 @@ import {
 import { EditorStyle, LabelMode, Mode, Position, SimplifiedSearchMode, TextEditorButton, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
 import { Store } from 'devextreme/data';
 import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, SelectionChangingEvent, ValueChangedEvent } from 'devextreme/ui/autocomplete';
+import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/autocomplete';
 import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
 import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
 import { Properties as dxPopupOptions } from 'devextreme/ui/popup';
@@ -958,14 +958,6 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
      */
     @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;
 
-    /**
-    
-     * [descr:dxAutocompleteOptions.onSelectionChanging]
-    
-    
-     */
-    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;
-
     /**
     
      * [descr:dxAutocompleteOptions.onValueChanged]
@@ -1435,7 +1427,6 @@ export class DxAutocompleteComponent extends DxComponent implements OnDestroy, C
             { subscribe: 'optionChanged', emit: 'onOptionChanged' },
             { subscribe: 'paste', emit: 'onPaste' },
             { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
-            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },
             { subscribe: 'valueChanged', emit: 'onValueChanged' },
             { emit: 'accessKeyChange' },
             { emit: 'activeStateEnabledChange' },

packages/devextreme-angular/src/ui/lookup/index.ts

@@ -28,7 +28,7 @@ import { ApplyValueMode, EditorStyle, LabelMode, Mode, PageLoadMode, Position, S
 import { Store } from 'devextreme/data';
 import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
 import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectionChangedEvent, SelectionChangingEvent, ValueChangedEvent } from 'devextreme/ui/lookup';
+import { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/lookup';
 import { Properties as dxPopoverOptions } from 'devextreme/ui/popover';
 
 import DxLookup from 'devextreme/ui/lookup';
@@ -1111,14 +1111,6 @@ export class DxLookupComponent extends DxComponent implements OnDestroy, Control
      */
     @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;
 
-    /**
-    
-     * [descr:dxLookupOptions.onSelectionChanging]
-    
-    
-     */
-    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;
-
     /**
     
      * [descr:dxLookupOptions.onValueChanged]
@@ -1674,7 +1666,6 @@ export class DxLookupComponent extends DxComponent implements OnDestroy, Control
             { subscribe: 'pullRefresh', emit: 'onPullRefresh' },
             { subscribe: 'scroll', emit: 'onScroll' },
             { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
-            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },
             { subscribe: 'valueChanged', emit: 'onValueChanged' },
             { emit: 'accessKeyChange' },
             { emit: 'activeStateEnabledChange' },

packages/devextreme-angular/src/ui/select-box/index.ts

@@ -30,7 +30,7 @@ import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_s
 import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
 import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
 import { Properties as dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, SelectionChangingEvent, ValueChangedEvent } from 'devextreme/ui/select_box';
+import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/select_box';
 
 import DxSelectBox from 'devextreme/ui/select_box';
 
@@ -1059,14 +1059,6 @@ export class DxSelectBoxComponent extends DxComponent implements OnDestroy, Cont
      */
     @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;
 
-    /**
-    
-     * [descr:dxSelectBoxOptions.onSelectionChanging]
-    
-    
-     */
-    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;
-
     /**
     
      * [descr:dxSelectBoxOptions.onValueChanged]
@@ -1586,7 +1578,6 @@ export class DxSelectBoxComponent extends DxComponent implements OnDestroy, Cont
             { subscribe: 'optionChanged', emit: 'onOptionChanged' },
             { subscribe: 'paste', emit: 'onPaste' },
             { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
-            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },
             { subscribe: 'valueChanged', emit: 'onValueChanged' },
             { emit: 'acceptCustomValueChange' },
             { emit: 'accessKeyChange' },

packages/devextreme-angular/src/ui/tag-box/index.ts

@@ -30,7 +30,7 @@ import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_s
 import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
 import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
 import { Properties as dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, SelectionChangingEvent, ValueChangedEvent } from 'devextreme/ui/tag_box';
+import { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/tag_box';
 
 import DxTagBox from 'devextreme/ui/tag_box';
 
@@ -1142,14 +1142,6 @@ export class DxTagBoxComponent extends DxComponent implements OnDestroy, Control
      */
     @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;
 
-    /**
-    
-     * [descr:dxTagBoxOptions.onSelectionChanging]
-    
-    
-     */
-    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;
-
     /**
     
      * [descr:dxTagBoxOptions.onValueChanged]
@@ -1717,7 +1709,6 @@ export class DxTagBoxComponent extends DxComponent implements OnDestroy, Control
             { subscribe: 'optionChanged', emit: 'onOptionChanged' },
             { subscribe: 'selectAllValueChanged', emit: 'onSelectAllValueChanged' },
             { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
-            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },
             { subscribe: 'valueChanged', emit: 'onValueChanged' },
             { emit: 'acceptCustomValueChange' },
             { emit: 'accessKeyChange' },

packages/devextreme-react/src/autocomplete.ts

@@ -8,7 +8,7 @@ import dxAutocomplete, {
 import { Component as BaseComponent, IHtmlOptions, ComponentRef, IElementDescriptor } from "./core/component";
 import NestedOption from "./core/nested-option";
 
-import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, SelectionChangingEvent, ValueChangedEvent } from "devextreme/ui/autocomplete";
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/autocomplete";
 import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event, EventInfo } from "devextreme/events/index";
@@ -43,7 +43,6 @@ type IAutocompleteOptionsNarrowedEvents = {
   onKeyUp?: ((e: KeyUpEvent) => void);
   onOpened?: ((e: OpenedEvent) => void);
   onPaste?: ((e: PasteEvent) => void);
-  onSelectionChanging?: ((e: SelectionChangingEvent) => void);
   onValueChanged?: ((e: ValueChangedEvent) => void);
 }
 
@@ -78,7 +77,7 @@ const Autocomplete = memo(
       ), [baseRef.current]);
 
       const subscribableOptions = useMemo(() => (["opened","value"]), []);
-      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCopy","onCut","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onOpened","onPaste","onSelectionChanging","onValueChanged"]), []);
+      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCopy","onCut","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onOpened","onPaste","onValueChanged"]), []);
 
       const defaults = useMemo(() => ({
         defaultOpened: "opened",

packages/devextreme-react/src/lookup.ts

@@ -8,7 +8,7 @@ import dxLookup, {
 import { Component as BaseComponent, IHtmlOptions, ComponentRef, IElementDescriptor } from "./core/component";
 import NestedOption from "./core/nested-option";
 
-import type { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectionChangingEvent, ValueChangedEvent } from "devextreme/ui/lookup";
+import type { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, ValueChangedEvent } from "devextreme/ui/lookup";
 import type { ContentReadyEvent as PopoverContentReadyEvent, DisposingEvent as PopoverDisposingEvent, InitializedEvent as PopoverInitializedEvent, HiddenEvent, HidingEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from "devextreme/ui/popover";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event } from "devextreme/events/index";
@@ -31,7 +31,6 @@ type ILookupOptionsNarrowedEvents = {
   onPageLoading?: ((e: PageLoadingEvent) => void);
   onPullRefresh?: ((e: PullRefreshEvent) => void);
   onScroll?: ((e: ScrollEvent) => void);
-  onSelectionChanging?: ((e: SelectionChangingEvent) => void);
   onValueChanged?: ((e: ValueChangedEvent) => void);
 }
 
@@ -66,7 +65,7 @@ const Lookup = memo(
       ), [baseRef.current]);
 
       const subscribableOptions = useMemo(() => (["opened","value"]), []);
-      const independentEvents = useMemo(() => (["onClosed","onContentReady","onDisposing","onInitialized","onItemClick","onOpened","onPageLoading","onPullRefresh","onScroll","onSelectionChanging","onValueChanged"]), []);
+      const independentEvents = useMemo(() => (["onClosed","onContentReady","onDisposing","onInitialized","onItemClick","onOpened","onPageLoading","onPullRefresh","onScroll","onValueChanged"]), []);
 
       const defaults = useMemo(() => ({
         defaultOpened: "opened",

packages/devextreme-react/src/select-box.ts

@@ -8,7 +8,7 @@ import dxSelectBox, {
 import { Component as BaseComponent, IHtmlOptions, ComponentRef, IElementDescriptor } from "./core/component";
 import NestedOption from "./core/nested-option";
 
-import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, SelectionChangingEvent, ValueChangedEvent } from "devextreme/ui/select_box";
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/select_box";
 import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event, EventInfo } from "devextreme/events/index";
@@ -44,7 +44,6 @@ type ISelectBoxOptionsNarrowedEvents = {
   onKeyUp?: ((e: KeyUpEvent) => void);
   onOpened?: ((e: OpenedEvent) => void);
   onPaste?: ((e: PasteEvent) => void);
-  onSelectionChanging?: ((e: SelectionChangingEvent) => void);
   onValueChanged?: ((e: ValueChangedEvent) => void);
 }
 
@@ -81,7 +80,7 @@ const SelectBox = memo(
       ), [baseRef.current]);
 
       const subscribableOptions = useMemo(() => (["opened","value"]), []);
-      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCopy","onCustomItemCreating","onCut","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onOpened","onPaste","onSelectionChanging","onValueChanged"]), []);
+      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCopy","onCustomItemCreating","onCut","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onOpened","onPaste","onValueChanged"]), []);
 
       const defaults = useMemo(() => ({
         defaultOpened: "opened",

packages/devextreme-react/src/tag-box.ts

@@ -8,7 +8,7 @@ import dxTagBox, {
 import { Component as BaseComponent, IHtmlOptions, ComponentRef, IElementDescriptor } from "./core/component";
 import NestedOption from "./core/nested-option";
 
-import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, SelectAllValueChangedEvent, SelectionChangingEvent, ValueChangedEvent } from "devextreme/ui/tag_box";
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, SelectAllValueChangedEvent, ValueChangedEvent } from "devextreme/ui/tag_box";
 import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { event, EventInfo } from "devextreme/events/index";
@@ -43,7 +43,6 @@ type ITagBoxOptionsNarrowedEvents = {
   onMultiTagPreparing?: ((e: MultiTagPreparingEvent) => void);
   onOpened?: ((e: OpenedEvent) => void);
   onSelectAllValueChanged?: ((e: SelectAllValueChangedEvent) => void);
-  onSelectionChanging?: ((e: SelectionChangingEvent) => void);
   onValueChanged?: ((e: ValueChangedEvent) => void);
 }
 
@@ -82,7 +81,7 @@ const TagBox = memo(
       ), [baseRef.current]);
 
       const subscribableOptions = useMemo(() => (["opened","value"]), []);
-      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCustomItemCreating","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onMultiTagPreparing","onOpened","onSelectAllValueChanged","onSelectionChanging","onValueChanged"]), []);
+      const independentEvents = useMemo(() => (["onChange","onClosed","onContentReady","onCustomItemCreating","onDisposing","onEnterKey","onFocusIn","onFocusOut","onInitialized","onInput","onItemClick","onKeyDown","onKeyUp","onMultiTagPreparing","onOpened","onSelectAllValueChanged","onValueChanged"]), []);
 
       const defaults = useMemo(() => ({
         defaultOpened: "opened",

packages/devextreme-vue/src/autocomplete.ts

@@ -49,7 +49,6 @@ type AccessibleOptions = Pick<Properties,
   "onOptionChanged" |
   "onPaste" |
   "onSelectionChanged" |
-  "onSelectionChanging" |
   "onValueChanged" |
   "opened" |
   "openOnFieldClick" |
@@ -131,7 +130,6 @@ const componentConfig = {
     onOptionChanged: Function,
     onPaste: Function,
     onSelectionChanged: Function,
-    onSelectionChanging: Function,
     onValueChanged: Function,
     opened: Boolean,
     openOnFieldClick: Boolean,
@@ -209,7 +207,6 @@ const componentConfig = {
     "update:onOptionChanged": null,
     "update:onPaste": null,
     "update:onSelectionChanged": null,
-    "update:onSelectionChanging": null,
     "update:onValueChanged": null,
     "update:opened": null,
     "update:openOnFieldClick": null,

packages/devextreme-vue/src/lookup.ts

@@ -49,7 +49,6 @@ type AccessibleOptions = Pick<Properties,
   "onPullRefresh" |
   "onScroll" |
   "onSelectionChanged" |
-  "onSelectionChanging" |
   "onValueChanged" |
   "opened" |
   "pageLoadingText" |
@@ -140,7 +139,6 @@ const componentConfig = {
     onPullRefresh: Function,
     onScroll: Function,
     onSelectionChanged: Function,
-    onSelectionChanging: Function,
     onValueChanged: Function,
     opened: Boolean,
     pageLoadingText: String,
@@ -227,7 +225,6 @@ const componentConfig = {
     "update:onPullRefresh": null,
     "update:onScroll": null,
     "update:onSelectionChanged": null,
-    "update:onSelectionChanging": null,
     "update:onValueChanged": null,
     "update:opened": null,
     "update:pageLoadingText": null,

packages/devextreme-vue/src/select-box.ts

@@ -54,7 +54,6 @@ type AccessibleOptions = Pick<Properties,
   "onOptionChanged" |
   "onPaste" |
   "onSelectionChanged" |
-  "onSelectionChanging" |
   "onValueChanged" |
   "opened" |
   "openOnFieldClick" |
@@ -144,7 +143,6 @@ const componentConfig = {
     onOptionChanged: Function,
     onPaste: Function,
     onSelectionChanged: Function,
-    onSelectionChanging: Function,
     onValueChanged: Function,
     opened: Boolean,
     openOnFieldClick: Boolean,
@@ -230,7 +228,6 @@ const componentConfig = {
     "update:onOptionChanged": null,
     "update:onPaste": null,
     "update:onSelectionChanged": null,
-    "update:onSelectionChanging": null,
     "update:onValueChanged": null,
     "update:opened": null,
     "update:openOnFieldClick": null,